vscode 开发vue需要安装的插件

转载:https://blog.youkuaiyun.com/WindSneaker/article/details/123244006

Vetur

支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript

eslint插件

可以帮助我们检查Javascript编程时的语法错误

Auto Rename Tag

这是一个修改标签对的插件,自动重命名配对的HTML / XML标签
// 默认情况下,它将["*"]为所有语言激活。

{
  "auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"]
}

HTML CSS Support

在编写样式表的时候,自动补全功能大大缩减了编写时间

Chinese (Simplified) Language Pack for Visual Studio Code

中文简体语言包

Auto Close Tag

自动添加HTML / XML关闭标签

HTML Snippets

代码自动填充

HTML Boilerplate

提供生成标准HTML样板代码

Image Preview

鼠标移到路径里显示图像预览

intelliSense for CSS class names in HTML

项目中 css 文件里的名称智能提示在 html 中

JavaScript (ES6) code snippets

es6代码片段

Live Server

浏览器实时刷新

Path Intellisense

路径自动补全

open in browser

浏览器中打开html

Markdown Preview Enhanced

实时预览markdown,markdown使用者必备

Color Info

这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了

Beautify

格式化代码

Git History

查看git日志以及图表和详细信息

Guides

代码的标签对齐线

jQuery Code Snippets

jq代码段提示

IntelliSense for CSS class names in HTML

智能地给你已定义CSS类名的提示

VSCode Great Icons

小图标区分不同的文件类型

Bracket Pair Colorizer

给括号加上不同的颜色,便于区分不同的区块

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值