vscode 开发vue需要安装的插件

转载:https://blog.csdn.net/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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值