VSCode详细使用教程

1.VSCode下载

VSCode下载链接: https://code.visualstudio.com/

2.VSCode汉化

因为刚安装的VSCode默认是英文的，这里需要给设置成中文
　　 可以参考官网 https://code.visualstudio.com/docs/getstarted/locales
将默认英文改成中文
　　 步骤 1：Ctrl+Shift+P打开搜索框输入Configure Display Language命令， 选中 zh-CN

        步骤２：要查找的语言在“扩展”视图（Ctrl + Shift + X）中搜索语言包

                       

        步骤３：重启就可以了，重启之后，就变成中文版了！！！

3.VSCode常用插件(安装步骤同汉化)

      3.1 Auto Close Tag (自动闭合HTML/XML标签)

3.2 Auto Rename Tag (自动完成另一侧标签的同步修改)

3.3 Beautify (格式化 html ,js,css)

3.4 ESLint(js语法纠错，可以自定义配置)

3.5 JavaScript(ES6) code snippets(ES6语法智能提示，以及快速输入)

3.6 jQuery Code Snippets(jQuery代码智能提示)

3.7 markdownlint(markdown语法纠错)

 

3.8 Vetur(Vue多功能集成插件，错误提示等)

3.9 Vue VSCode Snippets  

vue 快速简写代码

 

4.VSCode 快速保存和格式化

安装并配置完成 ESLint 后，我们继续回到 VSCode 进行扩展设置，依次点击 文件 > 首选项 > 设置 打开 VSCode 配置文件,添加如下配置：

Setting.json

{

  "files.autoSave": "off",

  "eslint.validate": [

    "javascript",

    "javascriptreact",

    "vue-html",

    {

      "language": "vue",

      "autoFix": true

    }

  ],

  "eslint.run": "onSave",

  "eslint.autoFixOnSave": true

}

这样每次保存的时候就可以根据根目录下.eslintrc.js 你配置的 eslint 规则来检查和做一些简单的 fix。