zoukankan      html  css  js  c++  java
  • VUE 配置vscode关于vue插件

    前言:最近在搞vue项目,所谓  工欲善其事,必先利其器,下面我来配置下常用的vue插件

    1、vetur

      可以将“.vue”文件中的语法进行高亮显示,Vetur不仅支持Vue中的template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass、TypeScript、Jade和Less等等。

     

    2、Chinese (Simplified) Language Pack for Visual Studio Code

      汉化的vscode插件

     

    3、Beautify

      格式化代码,可以设置4空格缩进,安装后,点击 文件 -> 首选项 -> 设置 , 然后点击右上角的  打开设置(json),加入下面配置即可

      格式化代码的快捷键:shift + Alt + F

      

    {
        "beautify.config": {
            "indent_size": 4
        },
        "beautify.language": {
            "js": {
                "type": [
                    "javascript",
                    "json"
                ],
                "filename": [
                    ".jshintrc",
                    ".jsbeautify"
                ]
            },
            "css": [
                "css",
                "scss"
            ],
            "html": [
                "htm",
                "html",
                "vue" //在这里加上vue,beautify插件默认不格式vue文件
            ]
        },
        "workbench.colorTheme": "Default Dark+",
        "editor.detectIndentation": false,
        "[vue]": {
            "editor.defaultFormatter": "HookyQR.beautify" // 设置默认beautity为格式化
        }
    }
  • 相关阅读:
    sqlserver中判断表或临时表是否存在
    Delphi 简单方法搜索定位TreeView项
    hdu 2010 水仙花数
    hdu 1061 Rightmost Digit
    hdu 2041 超级楼梯
    hdu 2012 素数判定
    hdu 1425 sort
    hdu 1071 The area
    hdu 1005 Number Sequence
    hdu 1021 Fibonacci Again
  • 原文地址:https://www.cnblogs.com/chenhaoyu/p/15123528.html
Copyright © 2011-2022 走看看