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