## [下載VS code ](https://code.visualstudio.com/)  根據自己電腦的配置下載好VS code之后，直接點擊安裝 # VS code 插件推薦 ## 通用插件 ### HTML Snippets 超級實用且初級的 H5代碼片段以及提示  ### HTML CSS Support 讓 html 標簽上寫class 智能提示當前項目所支持的樣式 新版已經支持scss文件檢索  ### Debugger for Chrome 讓 vscode 映射 chrome 的 debug功能，靜態頁面都可以用 vscode 來打斷點調試，真666~ 配置稍微復雜一些 ### jQuery Code Snippets jquery 重度患者必須品，廢話不多說，上圖  ### vscode-icon 讓 vscode 資源樹目錄加上圖標，必備良品！  ### Path Intellisense 自動路勁補全，默認不帶這個功能的，趕緊裝  ### Npm Intellisense require 時的包提示（最新版的vscode已經集成此功能）  ### Document this js 的注釋模板 （注意：新版的vscode已經原生支持,在function上輸入/** tab）  ### ESlint ESlint 接管原生 js 提示，可以自定制提示規則。這個比較高玩，不會的就算了， 詳情配置請看我的另一篇文章 https://segmentfault.com/a/11... ### HTMLHint html代碼檢測  ### Project Manager 在多個項目之前快速切換的工具 ### beautify 格式化代碼的工具 ### Bootstrap 3 Sinnpet 常用 bootstrap 的可以下 ### View in Browser 在默認瀏覽器中查看網頁 ### Atuo Rename Tag 修改 html 標簽，自動幫你完成尾部閉合標簽的同步修改，不過有些bug。  ### fileheader 頂部注釋模板，可定義作者、時間等信息，并會自動更新最后修改時間 使用ctrl+alt+i  filesize 在底部狀態欄顯示當前文件大小，點擊后還可以看到詳細創建、修改時間  ## 最后 根據自己的愛好與使用習慣，添加所要的插件 百度參考所需要的插件功能 推薦 常用插件簡介https://blog.csdn.net/Che_rish/article/details/78893019