VUE的工具安装及插件介绍

Vue工具下载地址:https://code.visualstudio.com/
插件官网:https://marketplace.visualstudio.com/
插件安装:
按F1或Ctrl+Shift+p,输入extensions,点击第一个就可以
VUE的工具安装及插件介绍

插件介绍:
1.中文(简体)语言包
将界面转换为中文
VUE的工具安装及插件介绍
2.Live Server
可以打开一个简单的服务器。而且还会自动更新
VUE的工具安装及插件介绍
3.vetur
语法高亮、智能感知、Emmet、vue提示等
VUE的工具安装及插件介绍
4.Settings Sync
一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,
使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。
VUE的工具安装及插件介绍
5.Debugger for Chrome
从VS Code调试在Google Chrome中运行的JavaScript代码。
用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。
VUE的工具安装及插件介绍
6.beautify
格式化代码工具
美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。
VUE的工具安装及插件介绍
7.Auto Rename Tag
修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改
VUE的工具安装及插件介绍
8.Code Spell Checker
代码拼写检查器
一个与camelCase代码配合良好的基本拼写检查程序。
此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。
VUE的工具安装及插件介绍
9.vscode-icons
显示Visual Studio代码的图标,目前该插件已被vscode内部支持:“文件” -> “首选项” -> “文件图标主题”
VUE的工具安装及插件介绍

10.guides
显示代码对齐辅助线,很好用
VUE的工具安装及插件介绍
11.Rainbow Brackets
为圆括号,方括号和大括号提供彩虹色
VUE的工具安装及插件介绍
12.REST Client
REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。
VUE的工具安装及插件介绍
13.HTML Snippets
完整的HTML代码提示,包括HTML5
VUE的工具安装及插件介绍
14.HTML CSS Support
在 html 标签上写class 智能提示css样式
VUE的工具安装及插件介绍
15.jQuery Code Snippets
jQuery代码提示,只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。
VUE的工具安装及插件介绍
16.HTMLHint
html代码检测,支持html5
VUE的工具安装及插件介绍