基於一段時間的使用體驗，給大家分享一下插件以及簡單的設置，
第一步：安裝軟件
安裝visual studio code軟件（直接復制鏈接https://code.visualstudio.com/下載安裝即可）；
推薦大家直接下載穩定版本的（藍色的那個）；
第二步：安裝插件
1、必備插件：
（1）、Chinese (Simplified) Language Pack for Visual Studio Code（簡體中文擴展包）
如果你的英文超級好請忽略；
（2）、live server（說簡單點就是幫你打開瀏覽器的；下面有詳解）
2、實用插件：
（1）、Debugger for Chrome（在Chrome瀏覽器或支持Chrome Debugger協議的任何其他目標中調試JavaScript代碼）
（2）、JavaScript Snippet Pack（片段代碼提示包）
（3）、Path Intellisense（路徑智能感知；可自動填充文件名）
3、優化插件：
（1）、Beautify（代碼格式化）
（2）、Bracket Pair Colorizer（多彩括號）
（3）、主題Material Theme；One Dark Pro；Shades of Purple(紫色)；
（4）、vscode-icons（很漂亮實用的文件圖標）
第三步：簡單設置
1、切換主題：
按如下操作執行選擇你喜歡的主題就可以啦
2、控制字體大小：
快捷鍵：ctrl+/ctrl-
3、控制折行方式：
live server詳解：
（1）、在窗口的最底部有Go Live可以點擊，點擊之后，就會自動在瀏覽器中打開HTML文件
如果同樣的位置你的顯示的是這個
那就點擊它切換回GO live再點擊！！！
（2）、在HTML文件中右鍵，然后點擊open live server
（3）、快捷鍵 ：(alt+L+O) 打開服務； (alt+L+C) 關閉服務
（4）、智能化瀏覽器（了解詳情有鏈接：https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md）
按照上述步驟最后在工作區設置中添加代碼：
{
"liveServer.settings.port":5500,
"liveServer.settings.root":"/src",
"liveServer.settings.CustomBrowser":"chrome",
"liveServer.settings.AdvanceCustomBrowserCmdLine":
"chrome--incognito--remote-debugging-port=9222",
"liveServer.settings.NoBrowser":false,
"liveServer.settings.ignoreFiles":[
".vscode/**",
"**/*.scss",
"**/*.sass",
"**/*.ts"
]
}