请问下用 webstorm 写.vue 文件时， HTML 那块和 JS 这块来回换，在代码比较长的时候很麻烦，有什么快捷键或者方便的设置吗？

[Newyorkcity]

谢谢告知

[Ariver]

分栏。
然后打开同一个文件
一个定位在 html
一个定位在 js

[Blackricky]

一楼正解 分栏比较方便

[des]

⌘ + ⇧ + 退格键可以定位上次修改的地方
⌘ + ⇧ + 方向键左可以定位上次查看的地方
⌘ + e 最近打开的文件
⌃ + ⇧ + 1/2/3/4/5 标记位置，⌃ + 1/2/3/4/5 定位到标记的地方

应该能帮助解决一些问题，不过还是觉得分栏比较方便

[wxsm]

1. 折叠不关注的代码
2. 楼上说的分栏
3. 拆分重构，使文件变小

[tiandi0228]

拆分三个文件
.vue, .js, .css

[ryougifujino]

我来推荐两个快捷键
1、File Structure，然后输入 script，template 之类的进行定位
2、Line/Column 然后直接输入行数定位
还有就是 3 楼说的 Back 和 Forward 也比较实用
（对应的快捷键可以去 Keymap 里面找，个人设置的和默认的不一致）

[wuchangming89]

用 react，JSX 一把梭，不用换。

[lyseky]

get

[shintendo]

@wuchangming89 又开始我第八喜欢的环节了？

[shintendo]

正经回答楼主：我曾经有过相同的问题，后来我的解决方案是，style 写最上面，template 写中间，script 写最下面。
因为写 style 和写 script 都需要对照 template，而 style 和 script 互相基本无关，所以你很少需要大幅度上下翻了。

[wuchangming89]

@shintendo [狗头]

[soulmt]

避免页面过长过大吧...把主流程以外的代码牵出去，或者用 mixins 做一下功能分类？

[learnshare]

一个 vue 拆为三个文件: .vue -> .html .js

[securityCoding]

cmd+e 啊 , 切换贼快

[wangmn]

vs 它不香吗？？？

[ccyu220]

把 Structure 打开不就好了,会直接生产 template , script, style 的树形,直接点击切换.