个人自己需要的vscode插件

1、Auto Close Tag :自动添加HTML / XML关闭标签
2、Auto Rename Tag: 更改 HTML/XML 标签名时,自动更新相对应的开始标签或结束标签的标签名
3、Beautify:格式化代码
4、Bracket Pair Colorizer:为代码中的括号添上一抹亮色
5、Chinese (Simplified) Language Pack for Visual Studio Code:中文简体语言包
6、Code Runner:万能语言运行环境,能够运行多种语言的代码片段或代码文件
7、Code Spell Checker:这款插件能实时的识别单词拼写是否有误,并给出提示
8、Color Highlight:颜色值在代码中高亮显示
9、CSS Peek:使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。
10、Debugger for Chrome:Debugger for Chrome这个插件是直接在vscode里面进行调试js文件,跟谷歌的控制台是一样的功能,下载了它就不用打开浏览器的控制台就能进行打断点。
11、ES7 React/Redux/GraphQL/React-Native snippets:使用简写命令,生成基础代码片段
12、Highlight Matching Tag:高亮匹配的标签
13、HTML CSS Support:让 html 标签上写class 智能提示当前项目所支持的样式
14、HTML Snippets:超级实用且初级的 H5代码片段以及提示
15、HTMLHint:html代码检测
16、Image preview:鼠标移到路径里显示图像预览
17、IntelliSense for CSS class names in HTML:CSS 类名智能提示,把项目中 css 文件里的名称智能提示在 html 中
18、JavaScript (ES6) code snippets: ES6代码提示
19、jQuery Code Snippets:jquery代码提示
20、lit-html:提供语法高亮和相应的补全支持。
21、Live Server:开启本地开发时服务器,为静态和动态页面提供实时刷新功能
22、npm Intellisense:导入模块时,提示已安装模块名称,可以智能提示npm相关的命令
23、Path Autocomplete:路径完成提示
24、Path Intellisense:另一个路径完成提示
25、Project Manager:快速切换项目
26、React Native Tools:为 React Native 开发提供的专门的插件
27、React-Native/React/Redux snippets for es6/es7 :react代码片段
28、SVG Viewer:查看SVG 文件
29、TypeScript Hero:用于编写 TypeScript
30、Vetur:Vue 语法高亮显示, 语法错误检查, 代码自动补全
31、Vue 2 Snippets:vue代码提示
32、Open-In-Browser:此插件在快捷菜单中添加了在默认浏览器查看文件选项
33、Prettier:代码格式化
34、Color info:为你提供你在 CSS 中使用颜色的相关信息
35、Regex Previewer:用于实时测试正则表达式的实用工具
36、TODO Highlight:写到某一部分的代码时,其中部分的功能需要稍后再来实现,这是就可以在对应的代码处添加一个 TODO 类型的注释,那么后期就可以快速地跳转到这部分继续写
37、Document This:快速注释
38、VueHelper:vue代码片段
39、Prettify JSON:格式化JSON
40、File Peek:根据路径字符串,快速定位到文件
41、Color Picker:拾色器
42、Can I Use:HTML5、CSS3、SVG的浏览器兼容性检查
43、Node.js Modules Intellisense:可以在导入语句中自动完成JavaScript / TypeScript模块

发布了2 篇原创文章 · 获赞 0 · 访问量 29
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览