vscode上面有很多插件蠢壹，在開(kāi)發(fā)項(xiàng)目的時(shí)候安裝適合自身項(xiàng)目開(kāi)發(fā)的插件，會(huì)大大的提高開(kāi)發(fā)的效率九巡，下圖是我在進(jìn)入公司后做第一個(gè)項(xiàng)目時(shí)图贸，使用的一些插件；
1. Auto Rename tag 自動(dòng)重命名標(biāo)簽
這個(gè)目前還沒(méi)發(fā)現(xiàn)有什么特別優(yōu)越的地方冕广，對(duì)于剛工作的我疏日，當(dāng)時(shí)裝這個(gè)就是剛?cè)肼氀b軟件，就在網(wǎng)上隨便搜搜撒汉，然后看到什么vscode前端開(kāi)發(fā)必裝的幾個(gè)插件沟优，相信很多菜鳥(niǎo)都和我一樣，一百度睬辐，無(wú)論適不適合自己挠阁，就這樣裝了，然后發(fā)現(xiàn)也就那樣溯饵。
2. Bracket Pair Colorizer 2 為代碼中的括號(hào)添加亮色
這個(gè)還是非常有必要的侵俗，能夠讓我們一眼就知道括號(hào)的對(duì)應(yīng)關(guān)系，剛剛工作丰刊，只會(huì)基本的html隘谣，css，js啄巧，vue其他的基本都不懂寻歧，一開(kāi)始都是遇到問(wèn)題就百度掌栅，寫(xiě)代碼就是Ctrl+c和Ctrl+v，再這樣的復(fù)制黏貼中熄求，時(shí)常出現(xiàn)這邊多一個(gè)“}”渣玲，那邊少一個(gè)“{”的情況，本來(lái)需要學(xué)習(xí)的內(nèi)容就很多弟晚，結(jié)果還在這種括號(hào)多一個(gè)少一個(gè)的上面磨磨蹭蹭忘衍，真的浪費(fèi)時(shí)間，那么這個(gè)插件將一一對(duì)應(yīng)的括號(hào)用不同的顏色高亮顯示卿城，提高了效率枚钓。
3. Chinese Language Pack for vscode vscode的中文包
英語(yǔ)不好的可以使用，就我這個(gè)高考英語(yǔ)不及格的瑟押，還是乖乖漢化吧２蠼荨！多望！
4. Debugger for Chrome
因?yàn)関scode沒(méi)有集成環(huán)境嫩舟，所以當(dāng)我們要使用Chrome控制臺(tái)的時(shí)候，怎木辦呢怀偷，哈哈哈哈這個(gè)插件就必須存在啦
5. GitLens git源代碼管理插件
git多人協(xié)作的時(shí)候需要查看日志家厌，這個(gè)時(shí)候使用這個(gè)插件就可以知道此處代碼是誰(shuí)寫(xiě)的，哈哈哈 .......這樣就不能隨便糊弄了椎工，大家點(diǎn)開(kāi)就能知道代碼是誰(shuí)寫(xiě)的了~
6. Html Snippets 自動(dòng)輸入html標(biāo)簽內(nèi)容
7. Open in Browser 默認(rèn)打開(kāi)瀏覽器頁(yè)面
8. Prettier-Code formatter 格式化js和css代碼的插件
第一步：先安裝插件
第二步：ctrl+shift+p饭于，輸入setting，打開(kāi)setting.json
第三步：將下面代碼復(fù)制到setting.json中维蒙，重啟vscode即可
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"window.zoomLevel": 0,
"editor.renderIndentGuides": true,
"javascript.format.enable": false,
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnType": true,
"editor.formatOnSave": true
},
"prettier.trailingComma": "none",
"prettier.arrowParens": "avoid",
"emmet.excludeLanguages": ["markdown"],
}
