V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Newyorkcity
V2EX  ›  Vue.js

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

  •  
  •   Newyorkcity · 2020-02-28 14:09:17 +08:00 · 3314 次点击
    这是一个创建于 1714 天前的主题,其中的信息可能已经有所发展或是发生改变。
    谢谢告知
    16 条回复    2020-03-04 13:29:41 +08:00
    Ariver
        1
    Ariver  
       2020-02-28 14:16:14 +08:00   ❤️ 2
    分栏。
    然后打开同一个文件
    一个定位在 html
    一个定位在 js
    Blackricky
        2
    Blackricky  
       2020-02-28 14:20:27 +08:00 via iPhone
    一楼正解 分栏比较方便
    des
        3
    des  
       2020-02-28 16:39:21 +08:00   ❤️ 1
    ⌘ + ⇧ + 退格键可以定位上次修改的地方
    ⌘ + ⇧ + 方向键左可以定位上次查看的地方
    ⌘ + e 最近打开的文件
    ⌃ + ⇧ + 1/2/3/4/5 标记位置,⌃ + 1/2/3/4/5 定位到标记的地方

    应该能帮助解决一些问题,不过还是觉得分栏比较方便
    wxsm
        4
    wxsm  
       2020-02-28 16:45:12 +08:00
    1. 折叠不关注的代码
    2. 楼上说的分栏
    3. 拆分重构,使文件变小
    tiandi0228
        5
    tiandi0228  
       2020-02-28 17:03:54 +08:00
    拆分三个文件
    .vue, .js, .css
    ryougifujino
        6
    ryougifujino  
       2020-02-28 17:04:23 +08:00   ❤️ 1
    我来推荐两个快捷键
    1、File Structure,然后输入 script,template 之类的进行定位
    2、Line/Column 然后直接输入行数定位
    还有就是 3 楼说的 Back 和 Forward 也比较实用
    (对应的快捷键可以去 Keymap 里面找,个人设置的和默认的不一致)
    wuchangming89
        7
    wuchangming89  
       2020-02-28 17:08:00 +08:00
    用 react,JSX 一把梭,不用换。
    lyseky
        8
    lyseky  
       2020-02-28 17:11:07 +08:00
    get
    shintendo
        9
    shintendo  
       2020-02-28 17:11:15 +08:00
    @wuchangming89 又开始我第八喜欢的环节了?
    shintendo
        10
    shintendo  
       2020-02-28 17:13:15 +08:00   ❤️ 3
    正经回答楼主:我曾经有过相同的问题,后来我的解决方案是,style 写最上面,template 写中间,script 写最下面。
    因为写 style 和写 script 都需要对照 template,而 style 和 script 互相基本无关,所以你很少需要大幅度上下翻了。
    wuchangming89
        11
    wuchangming89  
       2020-02-28 17:18:37 +08:00
    @shintendo [狗头]
    soulmt
        12
    soulmt  
       2020-02-28 17:30:23 +08:00
    避免页面过长过大吧...把主流程以外的代码牵出去,或者用 mixins 做一下功能分类?
    learnshare
        13
    learnshare  
       2020-02-28 17:32:13 +08:00
    一个 vue 拆为三个文件: .vue -> .html .js
    securityCoding
        14
    securityCoding  
       2020-02-28 17:34:08 +08:00   ❤️ 1
    cmd+e 啊 , 切换贼快
    wangmn
        15
    wangmn  
       2020-02-28 23:51:25 +08:00
    vs 它不香吗???
    ccyu220
        16
    ccyu220  
       2020-03-04 13:29:41 +08:00
    把 Structure 打开不就好了,会直接生产 template , script, style 的树形,直接点击切换.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1014 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 22:10 · PVG 06:10 · LAX 14:10 · JFK 17:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.