精选vscode常用插件

话不多说直接上图

Vetur
语法错误检查,包括 CSS/SCSS/LESS/Javascript/TypeScript
语法高亮,包括 html/jade/pug css/sass/scss/less/stylus js/ts
emmet 支持
代码自动补全(目前还是初级阶段),包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript

Angular Files
可以快捷右键 新建 组件,服务,类,等等

Chinese (Simplified) Language Pack for Visual Studio Code
安装中文提示

TypeScript Importer
TypeScript自动引入脚本插件

HTML CSS Support
让HTML标签上写class智能提示当前项目所支持的样式

Path Intellisense
自动路径补全、默认不带这个功能

Bootstrap 3 Sinnpet
常用bootstrap的可以下

Auto Rename Tag
修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。

Auto Close Tag
编写html代码的时候,写完开始标签,这款插件会自动补全结束标签

Typings Installer
安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery只能感知、

open in browers 这个在静态页面开放的时候非常方便
在这里插入图片描述
在这里插入图片描述

CSS Peek
使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

JS-CSS-HTML Formatter 这个是给css 排版 和代码的排版快捷键一样 排版后css非常好看
在这里插入图片描述

在这里插入图片描述

Minify

这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它能够分别通过 uglify-js、clean-css 和 html-minifier,进行自动压缩保存并导出为.min文件的选项,并且提供了自定义的设置,

Beautify
代码中美化JavaScript,JSON,CSS,Sass和HTML。

Easy WXLESS
微信小程序WXSS文件专用,保存可自动生成并同步编译成同名css文件

Angular Support这是一款非常实用的插件

可以通过点击html 中的方法跳转到ts中,快速的找方法所在。还可以实现方法预览
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值