VsCode安装与配置

一、安装

二、配置

  • 开启emmet完整的语法

  文件-首选项-设置：Emmet: Trigger Expansion On Tab 

三、常用插件

必装:
  • Chinese (Simplified) Language Pack 中文
  • ESLint  es感知
  • Live Server 轻量web服务器
  • Node.js Modules Intellisense js模块感知
  • Vetur vue工具
  • VueHelper  vue工具
  • TabNine 最好的代码补全工具
选装:

四、常用配置

1、设置eslint格式化
   "eslint.format.enable": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "vue-html",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "eslint.run": "onSave",
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,//不自动加分号
            "singleQuote": true,//强制使用单引号
            "trailingComma": "none" //不自动加逗号
        },
        "js-beautify-html": {
            "wrap_attributes": "force-expand-multiline"
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    }
2、函数名后去掉空格
  设置--函数--去掉两项勾选

   3、vscode默认缩进策略修正

     随便打开一个文件，右下角空格数，点击，选择使用空格缩进，修正为2个即可。 

 

posted @ 2020-08-17 07:21  Water540  阅读(237)  评论(0)  编辑  收藏  举报