安裝插件
方法① 點(diǎn)擊編輯器左側(cè)邊欄的擴(kuò)展
方法② 使用快鍵鍵：Ctrl + Shift + X
方法③ Ctrl + P 之后輸入 ext install [插件名]
搜索或選擇插件安裝
Chinese (Simplified) Language Pack for Visual Studio Code：適用于 VS Code 的中文（簡(jiǎn)體）語(yǔ)言包
vetur ：代碼提示，高亮
? ? "emmet.syntaxProfiles":{
? ? ? ? ? ? "vue-html":"html",
? ? ? ? ? ? "vue":"html"
? ? ? }
Bracket Pair Colorizer ：給括號(hào)加上不同的顏色嘉栓，便于區(qū)分不同的區(qū)塊域帐，使用者可以定義不同括號(hào)類型和不同顏色
open in browser：在編輯器中打開瀏覽器
Debugger for Chrome ：映射vscode上的斷點(diǎn)到chrome上，方便調(diào)試
HTML Snippets ：智能提示HTML標(biāo)簽丹泉，以及標(biāo)簽含義
HTML Boilerplate：html代碼片段
Beautify ：格式化代碼
HTML CSS Support ：智能提示CSS類名以及id?
Path Intellisense ：文件路徑自動(dòng)提示
Auto Rename Tag ：自動(dòng)完成同一標(biāo)簽的另一側(cè)標(biāo)簽的同步修改
Auto Close Tag ：自動(dòng)閉合HTML/XML標(biāo)簽
File Peek ：路徑跳轉(zhuǎn)
Vue 2 Snippets ：自動(dòng)補(bǔ)全vue代碼
使用：
import ：import ... from ...
data ：data() { return {} }
template ：<template></template>
script ：<script></script>
VueSet ：Vue.set( target, key, value )
ESLint ：?代碼錯(cuò)誤檢查? ???
????ESLint不是安裝后就可以用的，還需要一些環(huán)境和配置。???
?????首先，需要全局的ESLint议忽，可以使用cnpm install -g eslint來(lái)安裝。???
?????其次十减，vue文件是類HTML的文件栈幸，為了支持對(duì)vue文件的ESLint愤估，需要eslint-plugin-html這個(gè)插件∷僦罚可以使用npm install -g eslint-plugin-html來(lái)安裝玩焰。? ?
????接著，?還需要在vscode中配置下ESLint：??? ?????? "eslint.validate": [
?????????????????"javascript",
?????????????????"javascriptreact",
?????????????????{
?????????????????????"language": "html",
?????????????????????"autoFix": true // HTML自動(dòng)修復(fù)芍锚，
?????????????????},
?????????????????{
?????????????????????"language": "vue",
?????????????????????"autoFix": true? ?// vue 自動(dòng)修復(fù)
?????????????????}
?????????????],
?????????????"eslint.autoFixOnSave": true? // 文件保存時(shí)自動(dòng)修復(fù)
打開插件配置
快速整理代碼格式
ctrl + A ：選中所有
Ctrl? +? [? ? ? 和? ?Ctrl? +? ]? ? ?實(shí)現(xiàn)文本的向左移動(dòng)或者向右移動(dòng)昔园；
ctrl + D ：?選擇相同代碼段
點(diǎn)擊右鍵（格式化代碼） 或者 Shift+Alt + F
