前言
最近在研究VUE.JS,而VUE官方推薦使用VSCode作為開發工具,因此最近才開始大量使用這個工具。在使用過程中,總會遇到一些視頻博主推薦某某插件,于是我都將其安裝在我的VSCode上。這里記錄一下,僅供參考。
插件列表
Lingma - Alibaba Cloud AI Coding Assistant
通義靈碼是由阿里云提供的智能編碼輔助工具,提供 代碼智能生成、智能問答、多文件修改、編程智能體 等能力,為開發者帶來高效、流暢的編碼體驗。
Tailwind CSS IntelliSense
Tailwind CSS智能感知通過為Visual Studio Code用戶提供自動完成、語法高亮和代碼檢查等高級功能,提升了Tailwind的開發體驗。
Auto Close Tag
自動添加HTML/XML閉合標簽,與Visual Studio IDE或Sublime Text的行為相同。
Auto Rename Tag
自動重命名成對的HTML/XML標簽,就像Visual Studio IDE所做的那樣。
AutoScssStruct4Vue
根據 vue文件的模板template結構,自動生成對應的 scss文件
EditorConfig for VS Code
此插件嘗試使用 .editorconfig 文件中的設置覆蓋用戶/工作區設置。不需要額外的或針對 vscode 的特定文件。與任何 EditorConfig 插件一樣,如果沒有指定 root=true,EditorConfig 將繼續在項目外部查找 .editorconfig 文件。
ESLint
該擴展使用在打開的工作區文件夾中安裝的 ESLint 庫。如果文件夾中沒有提供,則擴展會查找全局安裝版本。如果您還沒有本地或全局安裝 ESLint,請在工作區文件夾中運行 npm install eslint 進行本地安裝,或運行 npm install -g eslint 進行全局安裝。
i18n Ally
如果項目中提供了多語言,那么在多語言變量的地方,以變量值顯示內容。
Iconify IntelliSense
顯示對應的行內圖標、自動補全圖標集、懸停、代碼片段。
Live Server
提供一個Web Server,將網頁文件以http協議的形式打開,同時支持網頁熱更新。
Markdown Preview Enhanced
在 VSCode 里編寫 Markdown,支持預覽
Microsoft Edge Tools for VS Code
在VSCode中內嵌的一個Microsoft Edge瀏覽器。
npm Intellisense
自動完成 import 語句中 npm 模塊的 Visual Studio Code 插件
Prettier - Code formatter
Prettier是一個代碼格式化工具。它通過解析您的代碼并按照自己的規則重新打印,考慮到最大行長度,并在必要時進行代碼換行,來強制執行一致的風格。
Version Lens
此擴展在vscode中打開包或項目文件時顯示版本信息。它遵循semver規則,并使用Node Semver包來比較和排序版本。
vscode-icons
將真實圖標帶入您的 Visual Studio Code
Vue - Official
讓VSCode支持VUE
Vue 3 Snippets
這個插件基于最新的 Vue 2 及 Vue 3 的 API 添加了 Code Snippets。
Vue VSCode Snippets
這個插件基于最新的 Vue 2 及 Vue 3 的 API 添加了 Code Snippets。