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