全网最全Visual Studio Code的基本使用、插件下载、各种配置

Visual Studio Code简称Vs Code

1.Vs Code基本介绍

Visual Studio Code 安装以及下载地址

https://code.visualstudio.com/Download

Visual Studio Code需要安装的插件

Visual Studio Code的Vscode汉化插件

Visual Studio Code 在浏览器打开

Visual Studio Code 的vscode-icons界面美化插件

Visual Studio Code 的Vue高亮插件

该插件是vue文件基本语法的高亮插件，在插件窗口中（快捷键是ctrl+shift+x）输入vetur点击安装插件就行

高亮设置

Settings.json中添加这个设置

'emmet.syntaxProfiles': {

'vue-html': 'html',

'vue': 'html'

}

Visual Studio Code的eslint智能错误检测插件'

’在具体开发中作用很大，能够及时的帮我们发现错误。

Settings.json中添加这个设置

'eslint.validate': [

'javascript',

'javascriptreact',

'html',

'vue'

],

'eslint.options': {

'plugins':['html']

}

注意若后面还有设置要连接要加逗号

Visual Studio Code自动关闭标签插件

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

Visual Studio Code 的Auto Rename Tag插件

自动完成另一侧标签的同步修改

Visual Studio Code 的Debugger for Chrome插件

映射vscode上的断点到chrome上，方便调试

Visual Studio Code插件卸载

Visual Studio Code项目打开

打开文件夹-vscode没有项目的概念,默认文件夹就是项目

Visual Studio Code设置字体大小

Visual Studio Code颜色主题

Visual Studio Code修改默认浏览器

如果还原去掉填入的IE就会使用系统默认浏览器

Visual Studio Code控制调试运行界面出现或者隐藏快捷键

ctrl+shift+y

Visual Studio Code快速打开插件市场快捷键-ctrl+shift+x