配置VScode环境

想做个vue的项目。所以搭建了vscode环境。记录下搭建vscode环境过程。

1.下载vscode，直接官网下载即可。（我下载的版本是1.40.2）

2.汉化

Ctrl+Shift+P 输入 "configure display language" 然后点击确定后。选择 “install additional languages…”。然后左侧选择‘中文（简体）’，点击install。

安装完后，会在右下角有弹框，是否启用中文简体，并重启。点击yes即可。

3.安装vue插件vetur，实现支持vue文件的代码高亮

点击扩展图标，或ctrl+Shift+X。搜索vetur插件，并安装。（也可以  Ctrl + P 然后输入 ext install vetur 然后回车点安装即可）。

然后在文件->首选项->设置 ,点击下图中图标 ,进入设置配置页。

 

添加以下配置：

"emmet.syntaxProfiles": {

 "vue-html": "html",

 "vue": "html"

}

添加后为：

 

4.安装Eslint插件。

这是款智能错误检测插件，在具体开发中作用很大，能够及时的帮我们发现错误。

安装插件：ctrl+Shift+X 在商店中查找 eslint或者  Ctrl + P 然后输入 ext install eslint然后回车点安装即可。

然后与3的设置一样，打开设置配置页。

添加如下配置：

"eslint.validate": [

    "javascript",

    "javascriptreact",

    "html",

    "vue"

  ],

 

"eslint.options": {

    "plugins": ["html"]

}

 

添加后为：

5.不想使用默认的终端，所以更换git-bash的终端。

文件->首选项->设置，点击下图中按钮，添加设置

（图中红框里的是添加的配置）