002 vue3-admin項目的目錄及文件說明之.vscode目錄
說明
“001 vue3-admin項目說明與創(chuàng)建” 章節(jié)創(chuàng)建了項目。此章節(jié)對其進(jìn)行簡單說明。目錄結(jié)構(gòu)如下：
.vscode 目錄及其文件
.vscode目錄說明
.vscode 目錄用于存放項目的工作區(qū)配置文件，幫助團(tuán)隊成員保持一致的開發(fā)環(huán)境（vscode集成開發(fā)環(huán)境）
extensions.json文件
通過VS Code 擴(kuò)展安裝的插件，都在此處，確保開發(fā)環(huán)境一致性
其內(nèi)容基本結(jié)構(gòu)/格式：
{ "recommendations": [ // 推薦安裝的擴(kuò)展列表 ], "unwantedRecommendations": [ // 不推薦的擴(kuò)展列表 ] }
Vue 3 項目推薦擴(kuò)展配置：
{ "recommendations": [ // Vue 官方擴(kuò)展 "Vue.volar", "Vue.vscode-typescript-vue-plugin", // TypeScript 支持 "ms-vscode.vscode-typescript-next", // ESLint 相關(guān) "dbaeumer.vscode-eslint", // Prettier 格式化 "esbenp.prettier-vscode", // 代碼片段 "hollowtree.vue-snippets", // Git 工具 "eamodio.gitlens", // 圖標(biāo)主題 "PKief.material-icon-theme", // 顏色選擇器 "anseki.vscode-color", // 括號配對 "CoenraadS.bracket-pair-colorizer-2", // 自動閉合標(biāo)簽 "formulahendry.auto-close-tag", // 自動重命名標(biāo)簽 "formulahendry.auto-rename-tag", // 路徑智能提示 "christian-kohler.path-intellisense", // CSS 智能提示 "mrmlnc.vscode-scss", // 導(dǎo)入排序 "amatiasq.sort-imports" ], "unwantedRecommendations": [ // 避免與 Volar 沖突的擴(kuò)展 "octref.vetur" ] }
{ "recommendations": [ "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "vue.volar", "antfu.unocss", "rvest.vs-code-prettier-eslint", "ritwickdey.liveserver" ] }
如何添加其內(nèi)容：打開vs code擴(kuò)展插件按鈕-->搜索需要添加的插件-->安裝（如果沒有安裝的話）-->右鍵-->添加到工作區(qū)建議
查看文件內(nèi)容：增加了eslint的擴(kuò)展功能
vs code 擴(kuò)展功能應(yīng)用到項目
打開vs code擴(kuò)展插件按鈕-->搜索需要添加的插件-->安裝（如果沒有安裝的話）-->右鍵將擴(kuò)展應(yīng)用與所有配置文件
浙公網(wǎng)安備 33010602011771號