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

小程序助手

小程序一键新建“wx”全家桶,可新建小程序组件,小程序wx、js、xs、Json里面附带有默认模板代码,对于刚上手的小伙伴来说灰常友好

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

minapp

微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)

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

wxml

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

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

vscode wxml

为 VS Code 提供 wxml 语法支持及代码片段

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

Easy LESS

小程序使用less语法每次编译是自动把less转为wxss文件,默认在当前less目录下重新导出一个wxss文件,需在VS Code首选项里面设置一下导出文件格式

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

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

HTML Boilerplate

HTML 5代码片段

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

HTML CSS Support

HTML CSS代码补全

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

Auto Close Tage

标签自动闭合,用过以后才知道原来标签结尾可以同步更改,少了它写代码都不习惯

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

Auto Rename Tag

尾部标签同步修改 例如:双标签<div></div>在把 <div> -> <span> 尾部标签也自动更改为</span>

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

Highlight Matching Tag

查找标签高亮显示

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

Bracket Pair Colorizer

颜色括号区分,帮助多个括号增加辨识度

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

Chinese (Simplified) Language Pack for Visual Studio Code

简体中文语言包,旧版本更新以前默认是中文,最新版本默认是English,不喜欢英文界面的小伙伴可以装一下这个

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

ESLint

团伙协作必备,懂的都懂,第二个插件是搭配Eslint自动查找项目中 Eslint配置文件并应用

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

Prettier - Code formatter

代码美化,搭配Eslint使用

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

Material Icon Theme

给文件赋予对应的图标

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

Path Intellisense

显示上下级路径的内容以及补全路径文件名的一个小插件

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

Vetur

Vue语法高亮、代码片段、格式化,Vue攻城狮必备插件

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

Vue VSCode Snippets

Vue语代码片段 巨好用

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

vscode-fileheader

文件头添加注释,支持自动更新文件修改时间。 快捷键 Ctrl + Alt + i

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

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

上一篇:【干货】分库分表最佳实践


下一篇:微信小程序:冒泡事件及其阻止