Visual Studio Code簡稱Vs Code

1.Vs Code基本介紹

Visual Studio Code 安裝以及下載地址

https://code./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點擊安裝插件就行

高亮設(shè)置

Settings.json中添加這個設(shè)置

'emmet.syntaxProfiles': {

'vue-html': 'html',

'vue': 'html'

}

Visual Studio Code的eslint智能錯誤檢測插件'

’在具體開發(fā)中作用很大，能夠及時的幫我們發(fā)現(xiàn)錯誤。

Settings.json中添加這個設(shè)置

'eslint.validate': [

'javascript',

'javascriptreact',

'html',

'vue'

],

'eslint.options': {

'plugins':['html']

}

注意若后面還有設(shè)置要連接要加逗號

Visual Studio Code自動關(guān)閉標簽插件

Auto Close Tag 自動閉合HTML/XML標簽

Visual Studio Code 的Auto Rename Tag插件

自動完成另一側(cè)標簽的同步修改

Visual Studio Code 的Debugger for Chrome插件

映射vscode上的斷點到chrome上，方便調(diào)試

Visual Studio Code插件卸載

Visual Studio Code項目打開

打開文件夾-vscode沒有項目的概念,默認文件夾就是項目

Visual Studio Code設(shè)置字體大小

Visual Studio Code顏色主題

Visual Studio Code修改默認瀏覽器

如果還原去掉填入的IE就會使用系統(tǒng)默認瀏覽器

Visual Studio Code控制調(diào)試運行界面出現(xiàn)或者隱藏快捷鍵

ctrl+shift+y

Visual Studio Code快速打開插件市場快捷鍵-ctrl+shift+x