VS Code中小程序與Vue常用插件合集(前端合集)


小程序助手

小程序一鍵新建“wx”全家桶,可新建小程序組件,小程序wx、js、xs、Json里面附帶有默認模板代碼,對於剛上手的小伙伴來說灰常友好

minapp

微信小程序標簽、屬性的智能補全(同時支持原生小程序、mpvue 和 wepy 框架,並提供 snippets)

wxml

微信小程序wxml格式化以及高亮組件

vscode wxml

為 VS Code 提供 wxml 語法支持及代碼片段

Easy LESS

小程序使用less語法每次編譯是自動把less轉為wxss文件,默認在當前less目錄下重新導出一個wxss文件,需在VS Code首選項里面設置一下導出文件格式

HTML Boilerplate

HTML 5代碼片段

HTML CSS Support

HTML CSS代碼補全

Auto Close Tage

標簽自動閉合,用過以后才知道原來標簽結尾可以同步更改,少了它寫代碼都不習慣

Auto Rename Tag

尾部標簽同步修改 例如:雙標簽<div></div>在把 <div> -> <span> 尾部標簽也自動更改為</span>

Highlight Matching Tag

查找標簽高亮顯示

Bracket Pair Colorizer

顏色括號區分,幫助多個括號增加辨識度

Chinese (Simplified) Language Pack for Visual Studio Code

簡體中文語言包,舊版本更新以前默認是中文,最新版本默認是English,不喜歡英文界面的小伙伴可以裝一下這個

ESLint

團伙協作必備,懂的都懂,第二個插件是搭配Eslint自動查找項目中 Eslint配置文件並應用


Prettier - Code formatter

代碼美化,搭配Eslint使用

Material Icon Theme

給文件賦予對應的圖標


Path Intellisense

顯示上下級路徑的內容以及補全路徑文件名的一個小插件

Vetur

Vue語法高亮、代碼片段、格式化,Vue攻城獅必備插件

Vue VSCode Snippets

Vue語代碼片段 巨好用


vscode-fileheader

文件頭添加注釋,支持自動更新文件修改時間。 快捷鍵 Ctrl + Alt + i




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM