VSCode 开发Vue必备插件

win10设置vscode的终端为管理员权限：

“桌面找到“VSCode”程序图标” -- 右键点击“属性”-- 点击”兼容性“-- 选中”以管理员身份运行此程序“。

1、Live Server

类似于spring boot的热部署插件，自动更新Vue前端页面，使用方法：右键选择->Open with Live Server

2、IntelliJ IDEA Keybindings

习惯了IDEA的java程序员自然要安装该插件用回IDEA的快捷键

3、JavaScript(ES6) code snippets 

ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue

4、Vetur 

作者为：Pine Wu那个，语法高亮、智能感知，Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码）

5、EsLint 

检测代码语法问题，与格式问题，对项目代码风格统一至关重要

6、Path Intellisense

自动补全路径

7、HTML CSS Support

自动补全CSS样式

8、JavaScript Snippet Pack

针对js的插件，包含了js的常用语法关键字，很实用

9、Debugger for Chrome 

直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，需要配置vscode的lauch.json的谷歌调试相关配置。

10、GitLens

查看git文件提交历史。

11、prettier

1、设置_搜索save_勾选“Editor:Format On Save”
2、右键_使用...格式化文档_配置默认格式化程序_选中“Prettier”
3、拖入.prettierrc文件到项目
4、在配置下.eslintrc.js里的rules 新增  为了解决eslint与prettier冲突
    'indent': 0,
    'space-before-function-paren': 0

Vue.js devtools安装地址：
https://devtools.vuejs.org/

查看当前镜像仓库：
npm config get registry

设置淘宝全局镜像：
npm config set registry https://registry.npm.taobao.org --global

关闭Vue Eslint语法检查(文件->首选项->设置)

 

eslint 警告'xxx is defined but never used'解决方法(添加'no-unused-vars': 0)