zoukankan      html  css  js  c++  java
  • sublime Text3支持vue高亮,sublime Text3格式化Vue

    第一:让sublime Text3支持Vue高亮

    PS:我的sublime版本是3126,我不清楚其它版本的是不是这样设置,不过可以看看思路自己摸索下

    1.下载可以让vue格式高亮的插件vue-syntax-highlight

    github链接 

    我下载好的插件包,为避免插件的更新,还是建议用上面的方式,从github上下载 ,插件包下载

    2.把插件放到sublime中

    菜单  设置 --> 浏览资源包

    打开了此文件夹

    在这个文件夹中新建一个文件夹,改名为Vue。下载的插件安装包解压缩后,把里面的内容都复制到Vue文件夹内

    下图是压缩包解压后的内容,就是把这些东西复制到Vue文件夹里

    复制完如下

    3.在sublime中导入vue-syntax-highlight插件

    快捷键“Ctrl+Shift+p”,调出命令板,输入Vue,选中第一个就导入成功了

    这样子,sublime就支持vue格式的文件啦

    第二:让sublime Text3支持Vue格式化

    安装 HTML-CSS-JS Prettify 插件,安装方法如下

    快捷键“Ctrl+Shift+p”,调出命令板,输入HTML-CSS-JS Prettify,出来后,回车安装成功。

    安装完成后,打开下面框起来的文件

    输入下面代码

    {
        "global_file_rules":
        {
            // Be sure to include the `html` key in your user settings to be able
            // to prettify html files.
            "html":
            {
                "allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg","vue"],
                "allowed_file_syntaxes": ["html", "xml"],
                "disallowed_file_patterns": []
            },
        },
    }

    下图是默认设置和用户设置,左边是默认,右边是用户设置

     可以自己看看对比下哦,至此就可以了。

    打开vue格式的文件,快捷键Ctrl+Shift+H ,Duang!整齐啦。

    PS:注意下HTML-CSS-JS prettify的默认设置文件,这个地方,因为这个插件是需要靠nodejs的,所以你必须安装了nodejs,而且这个地方的路径要注意保证是你本地的nodejs的安装路径

  • 相关阅读:
    小程序添加本地图片
    实现预览大图效果
    react-native 使用localhost报 Network request failed
    记两点错误reac-native
    react-native 进行调试
    微信公众号微信支付遇到的一些问题
    关于ionic3做微信公众号
    [c#]Extesion method
    值得收藏的27个机器学习的小抄
    ODBC Driver Development
  • 原文地址:https://www.cnblogs.com/olive27/p/7779459.html
Copyright © 2011-2022 走看看