美文网首页
vscode 开发vue 需要安装的插件以及方法

vscode 开发vue 需要安装的插件以及方法

作者: 十年码农的觉醒 | 来源:发表于2020-09-02 19:36 被阅读0次

Vetur

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

eslint插件

参考上一篇《vscode 开发vue使用Eslint配置》

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

路径自动补全

Vetur

Vue 语法高亮显示, 语法错误检查, 代码自动补全

open in browser

浏览器中打开html

Markdown Preview Enhanced

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

ESLint

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

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

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

相关文章

网友评论

      本文标题:vscode 开发vue 需要安装的插件以及方法

      本文链接:https://www.haomeiwen.com/subject/ttxujktx.html