在Vs code配置属于自己的Vue开发环境

第一项：安装VS code

直接去神奇的官网下载安装就好了( 这是神奇的链接，点我直接到下载地址哦)

至于安装。。。选好安装位置就直接疯狂Next就好啦！

第二项：配置中文操作页面

安装好打开新鲜火热的Vs Code， 使用ctrl+shift+x快捷键打开Vs Code 的插件商店 搜索 Chinese (simpleflied) Language

就是下面这货

安装之后，点击右下角的 restart now ，中文操作页面搞定

第三项：装各种各样的插件

装插件的方法和装中文环境差不多，ctrl+shift+x快捷键，或者点击这个按钮，都可以进入到插件安装页面

那么，接下来就是插件推荐环节了

1. 自动关闭html标签 Auto Close Tag

   

2. 同步修改html标签插件 Auto Rename Tag

   

3. bootstrap智能提示及补全 Bootstrap 3 Snippets

   

4. 各种括号美化 Bracket Pair Colorizer

   

5. 根据类名找到对应的CSS定义 CSS Peek

   

6. JS语法纠错 ESLint

   

7. Css语法智能提示 HTML CSS Support

   

8. html语法智能提示 HTML Snippets

   

9. JS（包含ES6）语法智能提示 JavaScript (ES6) code snippets

   

10. 快速将页面打开 open in browser

    

    PS ：使用方式为，在你写好的页面代码处右键 ——>

    

11. 文件路径提示 Path Intellisense

    

12. Vue语法高亮、格式化 Vetur

    

13. Vue 语法智能提示、补全Vue 2 Snippets

    

第四项推荐个人喜欢的几个插件

1. 一套骚骚的图标库Material Icon Theme

   

   下面是他的一些图标的展示

   

2. markDown的实时展示 Markdown Preview Enhanced

   

随便说两句（VS Code真好用。。。。。）