VScode前端開發必要的插件
一，Auto Rename Tag
在修改標簽名時，能在你修改開始（結束）標簽的時候修改對應的結束（開始）標簽，幫你減少 50% 的擊鍵；
二，Bracket Pair Colorizer 2
會已不同顏色和橫線顯示括號的范圍
三，HTML Snippets
快速的生成html標簽
首先奉上官網：https://code.visualstudio.com/，官網下載中文簡體，安裝后發現仍然是英文的心想竟然騙我，但是右下角會有一個提醒說是點擊安裝后會顯示中文版（其實就是優先安裝了一個中文插件Chinese (Simplified) Language Pack for Visual Studio Code），點擊之后中文版就直接更新過來啦！接下來就是安裝適合自己的插件啦！
1、首當其沖的當然是Open-In-Browser，不用過多解釋；在瀏覽器中打開網頁；可以選擇默認瀏覽器和其他瀏覽器。我在官網下載的新版本直接有在瀏覽器中打開插件，好吧！
2、對於一個對干凈的代碼有執念的豬豬女孩來說格式化插件是必須的。Prettier
3、Color Info：顏色提示插件，只需要將鼠標放在顏色值上懸停，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息啦。
4、代碼格式化HTML CSS support自動補齊css
5、JS-CSS-HTML Formatter 代碼格式化了解一下
6、jQuery Code Snippets jQuery自動提示
7、Path Autocomplete 路徑自動補齊
8、ESLint 檢測JS必備
9、Auto Rename Tag 同步修改對應標簽，這個hin方便，想象一下幾屏幕的代碼要改標簽，啊。。。完美！
10、Html Snippets H5代碼片段和提示
11、Html Css Support 在標簽新增class的時候會提示之前寫過的class
12、vscode-icon 給項目文件夾前邊加上icon
13、Beautify / Beautify css/sass/scss/less 樣式格式化（兩個的區別還沒感受出來）
14、Bracket Pair Colorizer 讓每個括號都有自己的顏色
15、給標簽們加個相對應的虛線 文件 ——>首選項——>設置——>搜索renderIntentGuides→將此選項改為true(默認為false)
16、Material Icon Theme 圖標插件項目中文件會以相應的icon提示
17、Vetur：Vue多功能集成插件，包括：語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger。vscode官方欽定Vue插件，Vue開發者必備。
18、vscode設置中文 快捷鍵"Ctrl+Shift+P",在頂部搜索框輸入"configure language"
————————————————
版權聲明：本文為CSDN博主「你說香不香」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/user_008/article/details/82224650
版權聲明：本文為博主原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。
本文鏈接：https://blog.csdn.net/zilaiye1314/article/details/77973257
VSCode WEB、PHP開發必備插件一覽表：
++++++++++++++++++++++++++++++++++++++++
VIM #喜歡用VIM操作的小伙伴可以加上這個，不要用amVIM(用得不爽，好多vim功能都沒有)
Better Align #對齊用的，設置一下快捷鍵 Ctrl + Alt + =,對塊自動等號對齊
Auto Close Tag #自動標簽閉合
Auto Rename Tag #自動標簽重命名
Code Outline #函數變量列表 （目前有點小問題，顯示的函數列表是雙份的）
ftp-simple #FTP遠程同步工具
HTML CSS Support # CSS支持工具
HTML Snippets # HTML小片段工具
IntelliSense for CSS class names # CSS類名工具
JavaScript code snippets
JS-CSS-HTML Formatter #這個慎用，最好不加吧，每次保存自動格式化
jshint #js代碼檢查工具
MetaGO #類是easymotion ，可以用鍵盤快速移動的工具
npt Intellisense #其他軟件需要這個輔助工具，（具體不是很清楚）
Path Intellisense #路徑管理工具
PHP Debug
PHP Extension Pack #PHP擴展包
PHP Intellisense #PHP自動補全工具
PHP Intellisense -Crane #PHP自動補全工具
Project Manager #多個項目之間切換的工具
Typing Installer # 不是很清楚，但很有用
vscode-icons #給不同的文件類型添加圖標
發現一個非常詳細的介紹：
https://segmentfault.com/a/1190000006697219
++++++++++++++++++++++++++++++++++++++++
用戶設置：文件-->首選項-->設置
{
"extensions.ignoreRecommendations": true,
"workbench.iconTheme": "vscode-icons", #增加文件夾圖標
"php.validate.executablePath": "C:\\phpStudy\\php56n\\php.exe", #這兩個對於PHP非常重要
"php.executablePath": "C:\\phpStudy\\php71\\php.exe",
"extensions.autoUpdate": false,
"window.zoomLevel": 0,
"vim.disableAnnoyingNeovimMessage": true,
"editor.minimap.enabled": false #這個會關掉右邊滑動預覽欄（非常占位子）
"editor.wordWrap": "on" #每行如果超出視圖范圍就自動換行顯示（僅僅是顯示換行，方便閱讀和編輯）
}
++++++++++++++++++++++++++++++++++++++++
鍵盤快捷方式：文件 -->首選項 -->鍵盤快捷方式
[
{
"key": "ctrl+alt+oem_plus",
"command": "wwm.aligncode",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "ctrl+n",
"command": "explorer.newFile"
}
]
+++++++++++++++++++++++++++++++++++++++
————————————————
版權聲明：本文為CSDN博主「StoneAir18」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/zilaiye1314/article/details/77973257