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 最好的代码补全工具

选装:

• REST Client http接口调用插件
• 常用插件总结

四、常用配置

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个即可。