一慕淡，Auto Rename Tag?
? ? 在修改標(biāo)簽名時(shí)，能在你修改開(kāi)始（結(jié)束）標(biāo)簽的時(shí)候修改對(duì)應(yīng)的結(jié)束（開(kāi)始）標(biāo)簽沸毁，幫你減少 50% 的擊鍵峰髓；
二傻寂，Bracket Pair Colorizer 2
?會(huì)已不同顏色和橫線顯示括號(hào)的范圍
三，HTML Snippets
快速的生成html標(biāo)簽
首先奉上官網(wǎng)：https://code.visualstudio.com/儿普，官網(wǎng)下載中文簡(jiǎn)體崎逃，安裝后發(fā)現(xiàn)仍然是英文的心想竟然騙我，但是右下角會(huì)有一個(gè)提醒說(shuō)是點(diǎn)擊安裝后會(huì)顯示中文版（其實(shí)就是優(yōu)先安裝了一個(gè)中文插件Chinese (Simplified) Language Pack for Visual Studio Code）眉孩，點(diǎn)擊之后中文版就直接更新過(guò)來(lái)啦个绍！接下來(lái)就是安裝適合自己的插件啦！
1浪汪、首當(dāng)其沖的當(dāng)然是Open-In-Browser巴柿，不用過(guò)多解釋；在瀏覽器中打開(kāi)網(wǎng)頁(yè)死遭；可以選擇默認(rèn)瀏覽器和其他瀏覽器广恢。我在官網(wǎng)下載的新版本直接有在瀏覽器中打開(kāi)插件，好吧呀潭！
2钉迷、對(duì)于一個(gè)對(duì)干凈的代碼有執(zhí)念的豬豬女孩來(lái)說(shuō)格式化插件是必須的。Prettier??
3钠署、Color Info：顏色提示插件糠聪，只需要將鼠標(biāo)放在顏色值上懸停，就可以預(yù)覽色塊中色彩模型的（HEX谐鼎、 RGB舰蟆、HSL 和 CMYK）相關(guān)信息啦。
4狸棍、代碼格式化HTML CSS support自動(dòng)補(bǔ)齊css
5身害、JS-CSS-HTML Formatter? ? 代碼格式化了解一下
6、jQuery Code Snippets? ? jQuery自動(dòng)提示
7草戈、Path Autocomplete? ? ?路徑自動(dòng)補(bǔ)齊
8塌鸯、ESLint? ? ? ? ?檢測(cè)JS必備
9、Auto Rename Tag? ?同步修改對(duì)應(yīng)標(biāo)簽唐片，這個(gè)hin方便界赔，想象一下幾屏幕的代碼要改標(biāo)簽，啊牵触。淮悼。。完美揽思！
10袜腥、Html Snippets? ? ?H5代碼片段和提示
11、Html Css Support??? ? 在標(biāo)簽新增class的時(shí)候會(huì)提示之前寫過(guò)的class
12、vscode-icon? ? 給項(xiàng)目文件夾前邊加上icon
13羹令、Beautify? / Beautify css/sass/scss/less? ? ? 樣式格式化（兩個(gè)的區(qū)別還沒(méi)感受出來(lái)）
14鲤屡、Bracket Pair Colorizer? ? ? 讓每個(gè)括號(hào)都有自己的顏色
15、給標(biāo)簽們加個(gè)相對(duì)應(yīng)的虛線? 文件 ——>首選項(xiàng)——>設(shè)置——>搜索renderIntentGuides→將此選項(xiàng)改為true(默認(rèn)為false)
16福侈、Material Icon Theme 圖標(biāo)插件項(xiàng)目中文件會(huì)以相應(yīng)的icon提示
17酒来、Vetur：Vue多功能集成插件，包括：語(yǔ)法高亮肪凛，智能提示堰汉，emmet，錯(cuò)誤提示伟墙，格式化翘鸭，自動(dòng)補(bǔ)全，debugger戳葵。vscode官方欽定Vue插件就乓，Vue開(kāi)發(fā)者必備。
————————————————
版權(quán)聲明：本文為CSDN博主「你說(shuō)香不香」的原創(chuàng)文章拱烁，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議生蚁，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/user_008/article/details/82224650
版權(quán)聲明：本文為博主原創(chuàng)文章戏自，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議邦投，轉(zhuǎn)載請(qǐng)附上原文出處鏈接和本聲明。
本文鏈接：https://blog.csdn.net/zilaiye1314/article/details/77973257
VSCode ?WEB浦妄、PHP開(kāi)發(fā)必備插件一覽表：
++++++++++++++++++++++++++++++++++++++++
VIM ? #喜歡用VIM操作的小伙伴可以加上這個(gè)，不要用amVIM(用得不爽见芹，好多vim功能都沒(méi)有)
Better Align ?#對(duì)齊用的剂娄，設(shè)置一下快捷鍵 Ctrl + Alt + =,對(duì)塊自動(dòng)等號(hào)對(duì)齊
Auto Close Tag ? ?#自動(dòng)標(biāo)簽閉合
Auto Rename Tag ?#自動(dòng)標(biāo)簽重命名
Code Outline ? ?#函數(shù)變量列表 ?（目前有點(diǎn)小問(wèn)題，顯示的函數(shù)列表是雙份的）
ftp-simple ? ? ?#FTP遠(yuǎn)程同步工具 ??
HTML CSS Support ? ? ? # CSS支持工具
HTML Snippets ? ?# HTML小片段工具
IntelliSense for CSS class names ?# CSS類名工具
JavaScript code snippets ? ??
JS-CSS-HTML Formatter ? #這個(gè)慎用玄呛，最好不加吧阅懦，每次保存自動(dòng)格式化
jshint ? ? ?#js代碼檢查工具
MetaGO ? ?#類是easymotion ，可以用鍵盤快速移動(dòng)的工具
npt Intellisense ? ? ? #其他軟件需要這個(gè)輔助工具徘铝，（具體不是很清楚）
Path Intellisense ? ? #路徑管理工具
PHP ?Debug ??
PHP Extension ?Pack ?#PHP擴(kuò)展包
PHP Intellisense ? ? ? #PHP自動(dòng)補(bǔ)全工具
PHP Intellisense -Crane ? #PHP自動(dòng)補(bǔ)全工具
Project Manager ? ? #多個(gè)項(xiàng)目之間切換的工具
Typing Installer ? # 不是很清楚耳胎，但很有用
vscode-icons ? ? ?#給不同的文件類型添加圖標(biāo)
發(fā)現(xiàn)一個(gè)非常詳細(xì)的介紹：
https://segmentfault.com/a/1190000006697219
++++++++++++++++++++++++++++++++++++++++
用戶設(shè)置：文件-->首選項(xiàng)-->設(shè)置
{
? ? "extensions.ignoreRecommendations": true,
? ? "workbench.iconTheme": "vscode-icons", #增加文件夾圖標(biāo)
? ? "php.validate.executablePath": "C:\\phpStudy\\php56n\\php.exe", ?#這兩個(gè)對(duì)于PHP非常重要
? ? "php.executablePath": "C:\\phpStudy\\php71\\php.exe",
? ? "extensions.autoUpdate": false,
? ? "window.zoomLevel": 0,
? ? "vim.disableAnnoyingNeovimMessage": true,
? ? "editor.minimap.enabled": false ? ? #這個(gè)會(huì)關(guān)掉右邊滑動(dòng)預(yù)覽欄（非常占位子）
? ? ?"editor.wordWrap": "on" ?#每行如果超出視圖范圍就自動(dòng)換行顯示（僅僅是顯示換行，方便閱讀和編輯）
}
++++++++++++++++++++++++++++++++++++++++
鍵盤快捷方式：文件 -->首選項(xiàng) -->鍵盤快捷方式
[
{
? ? "key": "ctrl+alt+oem_plus",
? ? "command": "wwm.aligncode",
? ? "when": "editorTextFocus && !editorReadonly"
},
{
? ? ? ? "key": "ctrl+n",
? ? ? ? "command": "explorer.newFile"
}
]
+++++++++++++++++++++++++++++++++++++++
————————————————
版權(quán)聲明：本文為CSDN博主「StoneAir18」的原創(chuàng)文章惕它，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議怕午，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/zilaiye1314/article/details/77973257
