VSCode 开发Vue必备插件

工欲善其事，必先利其器

以下就是开发Vue必备插件：
Vetur —— 语法高亮、智能感知、Emmet等
包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）

EsLint —— 语法纠错

Debugger for Chrome —— 映射vscode上的断点到chrome上，方便调试（配置有点麻烦，其实我没用这个）

Auto Close Tag —— 自动闭合HTML/XML标签

Auto Rename Tag —— 自动完成另一侧标签的同步修改

JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

Path Intellisense —— 自动路径补全

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

Beautify——格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则

Bracket Pair Colorizer——给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

open in browser——直接右键项目单击启动

原文链接：https://blog.csdn.net/yujing1314/article/details/90340647

VSCode 开发Vue必备插件相关推荐

vscode 开发vue必备插件_vsCode开发vue项目必备插件
VSCode 开发Vue必备插件对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件. 1. vetur 实现在 vue 文件中: 语法错误检 ...
vsvue文件css提示插件,VSCode 开发Vue必备插件
VSCode 开发Vue必备插件对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件. 1. vetur 实现在 vue 文件中: 语法错误检 ...
vue 时间回显格式化_VSCode 开发Vue必备插件
1.Vetur -- 语法高亮.智能感知.Emmet等包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着) 2.EsLin ...
使用vscode开发，使用插件记录
使用vscode开发,使用插件记录一.vscode设置小技巧: 1.在vscode中显示空格和tab符号: 2.VSCode文本编辑设置代码自动换行: 3.vs code设置每行代码的垂直标尺: 4 ...
vs开发工具必备插件
vs开发工具必备插件和下载必备插件下载方法调试启动加载dll慢工欲善其事,必先利器必备插件 Go To Definition 作用: 快速跳转到定义使用方法:鼠标指到需要跳转的地方 Ctr ...
使用vscode开发vue项目
前端vue + vant学习 1.开发工具选用Visual Studio Code,地址:https://code.visualstudio.com/Download 插件安装 Auto Close ...
【VScode】前端必备插件（持续补充中...）
文章目录基础 Chinese (Simplified) Auto Close Tag Auto Rename Tag Path Intellisense Bracket Pair Colorizer ...
vscode开发vue项目页面修改保存时不自动编译的问题解决办法
需要注意router文件中引用名必须与文件目录中名称完全一致,区分大小写. 如果大小写不同的话,router依然能成功跳转,但是在文件修改保存时,vscode就不会实时编译了.
vscode开发前端常用插件
auto close tag auto rename tag chinese eslint html css support javascript(es6) live server open in b ...

VSCode 开发Vue必备插件

VSCode 开发Vue必备插件相关推荐

最新文章

热门文章