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)