> 下載并且安裝 1. 官網下載安裝包: [https://code.visualstudio.com/](https://code.visualstudio.com/) 2. 計算機中安裝(不建議安裝在C盤) > 插件的安裝 1. 在這里搜索和安裝插件  > 代碼自動保存  > 代碼自動換行  >下面介紹幾個必備的插件 >[warning] Atom One Light Theme 護眼綠(豆綠色主題設置)  Ctrl+Shift+P搜索配置文件  把如下代碼粘貼進去 ``` { "workbench.colorTheme": "Atom One Light", "workbench.colorCustomizations": { "[Atom One Light]": { "editor.background": "#C7EDCC", "sideBar.background": "#C7EDCC", "activityBar.background": "#C7EDCC", }, }, } ``` 效果如下:  >[warning] vscode-icons 文件圖標 >[warning] Beautify 代碼美化 (快捷鍵Ctrl + Shift + F) >[warning] Live Server (運行在 默認瀏覽器上, 啟動本地服務器環境) 注意: 要設置Chrome為默認瀏覽器, 使用時在文件上郵件  >[warning] Vetur (Vue代碼高亮) >[warning] Auto Close Tag (標簽自動閉合) >[warning] Auto Rename Tag (自動完成對應標簽的名字修改) >[warning] JavaScript(ES6) code snippets ES6語法智能提示以及快速輸入(包含.js, .jsx, .ts, .tsx等文件) >[warning] HTML CSS Support 在HTML中提示當前文件內可以使用class樣式 >[warning] vueHelper Vue代碼補全插件 >[warning] cssrem px自動轉換rem單位的插件 >[warning] PHP Extension ?Pack PHP支持擴展包