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智能提示