vscode前端开发 - 常用插件

vscode前端开发 - 常用插件

不多比比，对着我的装就完事了，绝对好用，有哪个前端开发能拒绝vscode呢

• Auto Close Tag: 自动闭合HTML/XML标签

• Auto Rename Tag: 修改开始标签会自动同步闭合标签一起变化

• Beautify: 美化代码

• change-case: 变量输入提示

• Chinese (Simplified) Language Pack for Visual Studio Code: vscode中文包，这个不装也可以，说实话的确是英文看的舒服

• Color Info: 可以提供css颜色信息，对应的颜色可以对应查看

• Community Material Theme: 主题，看个人哪个用的顺眼用哪个

• CSS Peak: css id和类的提示

• Git History: 可以看git日志，和文件历史，方便合并代码等相关git操作

• GitLens — Git supercharged: 鼠标点一下代码可以看到这条代码的作者和相关信息，方便多人合作不理解代码的时候可以快速找对人问

• HTML Boilerplate: 方便初始化h5文件

• Icon Fonts: Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons 等流行图标库的代码自动提示补全

• Language Support for Java™ by Red Hat: 对java代码的支持以及自动补全

• Leetcode：不解释装就完事了

• Live Server: 启动本地服务器，跑krpano项目会用的上

• Material Icon Theme: 图标主题

• Material Theme: 装就完事

• Material Theme Icons: 装

• minapp: 微信小程序智能补全

• Minify: 缩小vscode

• open in browser: 打开当前文件在默认浏览器

• open-in-browser: 浏览HTML文件在指定文件夹

• Prettier - Code formatter: 代码格式化美化

• Quokka.js: 兼容typescript代码

• Regex Previewer: 可以调试你写的正则表达式，调试超级好用，都不用额外下别的ide来调试正则了

• SVG Viewer: 查看SVG代码

• themes: 主题，不记得啥时候装的了，装就完事

• TODO Highlight: 代码的高亮处理

• Vetur: Vue开发工具

• vscode wxml: 微信wxml文件格式的支持

• vscode-faker: 全局搜索插件，可以快速找到某个文件，cmd + shift + P, mac用command替代cmd

• vscode-swan: 百度智能小程序支持依赖

• vue: Vue.js的高亮处理

• Vue VSCode Snippets: vue的快速补全插件

• wechat-snippet: 微信小程序代码辅助，代码片段自动完成

• wxapp-helper: 微信小程序开发助手

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

• WML Formatter: XML文件格式化

• 小程序助手: 可以帮应用程序项目转换成其他类型

• HTML CSS Support: css智能提示