请问下用 webstorm 写.vue 文件时， HTML 那块和 JS 这块来回换，在代码比较长的时候很麻烦，有什么快捷键或者方便的设置吗？
Newyorkcity · 2020-02-28 14:09:17 +08:00 · 3372 次点击这是一个创建于 1758 天前的主题，其中的信息可能已经有所发展或是发生改变。
谢谢告知
 |
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