分享一下个人的VScode插件以及配置

之前一直用webstorm，webstorm确实太重了，后来无意中发现了vscode。高颜值吸引了我哈哈哈…就一直用着。

VScode下载地址：点击下载

很喜欢VScode的插件功能~想要什么插件就搜索，

以下是我装的一些插件，记录防止下次装机

只要点击一下某款插件，插件的介绍和用法都会在右侧窗口详细介绍，还会有小动画演示用法

• Auto Rename Tag —— 自动同步修改标签
• AutoFileName —— 自动补全路径提示
• background —— 一个萌萌的插件，可以自己设置vsc的背景图
• Bootstrap 3 Snippets —— bootstrap必备
• Debugger for Chrome —— 方便调试
• Document This —— Js的注释模板
• ESLint —— 检测JS必备
• Easy Less —— less文件自动实时编译成css
• GBKtoUTF8
• Git History (git log)
• HTML CSS Support —— css自动补齐
• HTML Snippets —— 支持HTML5的标签提示
• JavaScript (ES6) code snippets
• jQuery Code Snippets —— jquery 自动提示
• JS-CSS-HTML Formatter —— 代码对齐。每次保存代码的时候它会自动对齐代码
• Markdown Theme Kit —— 主题
• Dracula —— 主题
• node-readme
• Npm Intellisense —— npm包代码提示
• One Dark Theme —— 一款背景主题
• Path Intellisense —— 路径自动补全
• Project Manager
• Sort lines
• Typings Installer —— 安装vscode 的代码提示依赖库，基于typtings的，比如提示angular或者jQuery智能感知
• vetur —— 目前比较好的Vue语法高亮

  //vetur的配置[文件-首选项-设置]在右侧覆盖~
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "vue"
    ],
    "files.associations": {
        "*.vue": "vue"
    }

• View In Browser——在浏览器中预览页面（ctrl+F1）
• VS Color Picker——拾色器
• vscode-icons——让vscode资源目录加上图标
• vue
• Vue 2 Snippets——vue2语法高亮

设置字体大小等：

[文件-首选项-设置] 在右侧覆盖

VScode一直在更新，最近更新后，界面显示语言变成了英文。如果想设置成中文，按住f1 或者ctrl+shift+p 进入命令行，输入“ Configure Language”

这里写图片描述

这里写图片描述

上图是英文：en
配置成中文：zh-CN