您好,欢迎访问一九零五行业门户网

分享一些VSCode开发常用插件

本篇文章给大家介绍分享一些vscode开发必备常用插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
相关推荐:《vscode教程》
visual studio code必备常用插件红色为强力推荐,不容错过 o(∩_∩)o
chinese (simplified) language pack for visual studio code
简体中文包
prettier - code formatter
最强格式化,不接受反驳(在应用商店中卸载js-css-html formatter以免出现保存时自动格式化了)
html snippets
超级实用且初级的 h5代码片段以及提示
code runner
代码编译运行看结果,支持众多语言
gitlens
丰富的git日志插件
vetur
vue语法高亮、智能感知、emmet等
html css support
让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索,这个也是必备插件之一
auto close tag
匹配标签,关闭对应的标签。很实用【html/xml】
auto rename tag
修改 html 标签,自动帮你完成尾部闭合标签的同步修改
path intellisense
路径智能提示
javascript (es6) code snippets
该插件为javascript、typescript、html、react和vue提供了es6语法支持。
live server
浏览器实时刷新。右键“open with live server”开启
open in browser
从浏览器中查看html文件,使用系统的当前默认浏览器
bracket pair colorizer
让括号拥有独立的颜色,易于区分。可以配合任意主题使用。
eslint
eslint代码检测校验
vscode-icon
让 vscode 资源树目录加上图标,必备良品!
debugger for chrome
让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~
intellisense for css class names in html
把项目中 css 文件里的名称智能提示在 html 中
minapp
微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
css peek
追踪至样式表中 css 类定义的地方
ctrl+鼠标左键点击class 或 鼠标右键“跳转到定义(f12)”
manta’s stylus supremacy
格式化stylus
jquery code snippets
jquery 重度患者必须品
class autocomplete for html
编写html代码的朋友们对html代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒;
javascript snippet pack
针对js的插件,包含了js的常用语法关键字,很实用;
path autocomplete
路径智能补全
beautify
格式化代码的工具,可以格式化json|js|html|css|scss,比内置格式化好用
htmlhint
html代码检测
vscode great icons
另一款资源树目录图标
colorize
会给颜色代码增加一个当前匹配代码颜色的背景,非常好
color info
提供你在 css 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(hex、 rgb、hsl 和 cmyk)相关信息了。
vscode-fileheader
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
document this
js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)
filesize
在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间
bootstrap 3 sinnpet
常用 bootstrap 的可以下
vuehelper
vue代码提示
bookmarks
一个书签工具,还是很有必要的
tortoise-svn
svn的集成插件
推荐主题注:文件-首选项-颜色主题 里设置切换
dracula theme
one dark pro
monoka
更多编程相关知识,请访问:编程入门!!
以上就是分享一些vscode开发常用插件的详细内容。
其它类似信息

推荐信息