• 当前位置: 首页 / 建站百科 / 常见问题
  • sublime text3搞定vue文件模板

    时间:2022-08-20 浏览量: 收藏

    1.安装sublimeTmpl模板

    安装完成 SublimeTmpl 后
    可以看到下面这张图

    sublime text3搞定vue文件模板(图1)

    2.创建 vue 模板

    2.1 在路径:sublime text 3PackagesSublimeTmpltemplates 下新建 vue.tmpl 文件:

    <template>
         
    </template>
     
    <script type="ecmascript-6">
         
    </script>
     
    <style rel="stylesheet">
         
    </style>


    2.2 打开 Default.sublime-commands,复制粘贴以下配置

    ,{
        "caption": "Tmpl: Create vue", "command": "sublime_tmpl",
        "args": {"type": "vue"}
    }


    sublime text3搞定vue文件模板(图2)

    2.3 同上一步骤位置,打开 Key Bindings-Default 设置热键

    [
        {
            "keys": ["ctrl+alt+e"], "command": "sublime_tmpl",
            "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
        }
    ]

    现在你就可以用 Ctrl+Alt+e 就可以建立新的vue模板了

    3. 高亮.vue文件

    安装插件 vue-syntax-highlight
    新建vue文件后,如果右下角显示是vue Component就证明可以了。
    如果不是,按Ctrl+Shift+P 输入Vue 切换成set Syntax:Vue Component就可以了。


    sublime    sublime text    

    顶一下
    (0)
    0.00%
    踩一下
    0
    0.00%

    加载中~

    Copyright © 2012-2024 世敏网络 版权所有   闽ICP备18026760号-1    闽公网安备 35020502000640号   网站地图    Sitemap   关键词聚合

    世敏网络

    您已成功复制微信号,去微信立即添加好友!

    打开微信

    Wechart

    点击下方复制按钮,复制微信号!

    jzm866081

    https://www.xmsmwl.cn
    厦门世敏网络科技有限公司

    点击这里给我发消息
    嘿!有什么能帮到您的吗?