当前位置:主页 > 聚焦 >

分享一些VSCode开发常用插件

时间:2020-12-12 09:36:56

  本篇文章给大家介绍分享一些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 来打断点调试,线~

  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
格式化代码的工具,可以格式化JSONJSHTMLCSSSCSS,比内置格式化好用

  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

  编程入门!!

热点推荐
1 ZEC最大空头:CL空单增持10174.50枚

消息,ZEC最大空头CL空单增持10,174.50枚,约合1,086,247.65美元,持仓规模达到15,179,643.08美元,均...

2 Riot Platforms公布2026年Q1营收1.67亿美元,首

消息,加密矿企Riot Platforms公布2026年第一季度营收为1.67亿美元,其中数据中心业务收入3320万美...

3 KuCoin支持PHIL代币交换并更名为AKITA

消息,KuCoin宣布将支持PHIL代币的交换,并更名为AKITA。PHIL到AKITA的代币交换将自动完成,具体...

4 CryptoQuant:比特币面临多月价格下跌风险

消息,CryptoQuant警告称,4月份的期货驱动上涨可能导致比特币面临多月价格下跌风险。尽管比...

5 Steak ’n Shake:所有比特币支付将直接进入

消息,Steak n Shake宣布,所有比特币支付将直接进入其比特币储备。此外,该公司表示,它是快...

6 Bakkt收购稳定币基础设施公司DTR,发行超

消息,数字资产公司Bakkt已通过股权交易完成对稳定币基础设施公司Distributed Technologies Researc...

7 BTC现货ETF在4月30日净流入1476万美元

消息,4月30日,BTC现货ETF录得净流入1476万美元,而ETH、SOL和XRP现货ETF则分别出现净流出,ETH净...

8 新西兰回应美方提议:参与霍尔木兹行动

消息,新西兰方面回应美国提议,表示是否参与霍尔木兹海峡行动将取决于中东地区的停火进...

9 马斯克团队庭上自爆,可能打开xAI收购

消息,马斯克诉OpenAI案庭审第4天,马斯克的长期财务顾问Jared Birchall被问到xAI牵头竞购OpenAI非...

10 Cursor推出AI安全审查功能,支持自动扫描

消息,Cursor宣布推出AI安全审查功能Cursor Security Review,支持自动扫描PR漏洞,并已面向Teams与...

成都来彰科技 蜀ICP备2025134723号-1

资讯来源互联网,如有版权问题请联系管理员删除。