谢谢告知
› Vue.js
请问下用 webstorm 写.vue 文件时， HTML 那块和 JS 这块来回换，在代码比较长的时候很麻烦，有什么快捷键或者方便的设置吗？
Newyorkcity · Feb 28, 2020 · 4213 viewsThis topic created in 2291 days ago, the information mentioned may be changed or developed.
 |
1
Ariver Feb 28, 2020  2
分栏。
然后打开同一个文件 一个定位在 html 一个定位在 js |
 |
2
Blackricky Feb 28, 2020 via iPhone
一楼正解 分栏比较方便
|
 |
3
des Feb 28, 2020 1
⌘ + ⇧ + 退格键可以定位上次修改的地方
⌘ + ⇧ + 方向键左可以定位上次查看的地方 ⌘ + e 最近打开的文件 ⌃ + ⇧ + 1/2/3/4/5 标记位置，⌃ + 1/2/3/4/5 定位到标记的地方 应该能帮助解决一些问题，不过还是觉得分栏比较方便 |
 |
4
wxsm Feb 28, 2020
1. 折叠不关注的代码
2. 楼上说的分栏 3. 拆分重构，使文件变小 |
 |
5
tiandi0228 Feb 28, 2020
拆分三个文件
.vue, .js, .css |
 |
6
ryougifujino Feb 28, 2020 1
我来推荐两个快捷键
1、File Structure，然后输入 script，template 之类的进行定位 2、Line/Column 然后直接输入行数定位 还有就是 3 楼说的 Back 和 Forward 也比较实用 （对应的快捷键可以去 Keymap 里面找，个人设置的和默认的不一致） |
 |
7
wuchangming89 Feb 28, 2020
用 react，JSX 一把梭，不用换。
|
 |
8
lyseky Feb 28, 2020
get
|
 |
9
shintendo Feb 28, 2020
@wuchangming89 又开始我第八喜欢的环节了？
|
|
10
shintendo Feb 28, 2020 3
正经回答楼主：我曾经有过相同的问题，后来我的解决方案是，style 写最上面，template 写中间，script 写最下面。
因为写 style 和写 script 都需要对照 template，而 style 和 script 互相基本无关，所以你很少需要大幅度上下翻了。 |
|
11
wuchangming89 Feb 28, 2020
@shintendo [狗头]
|
 |
12
soulmt Feb 28, 2020
避免页面过长过大吧...把主流程以外的代码牵出去，或者用 mixins 做一下功能分类？
|
 |
13
learnshare Feb 28, 2020
一个 vue 拆为三个文件: .vue -> .html .js
|
 |
14
securityCoding Feb 28, 2020 1
cmd+e 啊 , 切换贼快
|
 |
15
wangmn Feb 28, 2020
vs 它不香吗？？？
|
 |
16
ccyu220 Mar 4, 2020
把 Structure 打开不就好了,会直接生产 template , script, style 的树形,直接点击切换.
|
Select Language