vscode eslint插件報錯Parsing error: Invalid ecmaVersion問題
vscode eslint插件報錯Parsing error: Invalid ecmaVersion
問題描述
vscode 打開項目每個頁面都會首行第一個單詞帶有紅色波浪線～，顯示為Parsing error: Invalid ecmaVersion.
解決方式(網絡)
安裝最新版eslint
npm i -g eslint
vscode中eslint語法報錯問題
我們使用vue-cli創(chuàng)建項目，默認會啟用eslint語法檢驗，雖然是個好東西，可以讓我們的代碼格式非常的規(guī)范，但是他過于嚴格的語法規(guī)范，比如不能加分號，使用單引號，代碼結尾還有有一個空行等等過于嚴格的要求，讓代碼經常報錯，與修改一個空格，一個分號的事就大大降低了開發(fā)效率，所以需要解除一些工具幫我們自動按照esllint進行代碼自動規(guī)范化。
解決
我是使用了三個插件來實現保存自動進行代碼規(guī)范化的功能，非常的方便。
步驟：
1）首先確保自己的vscode中安裝了eslint、vetur、prettier這三個插件
2）在配置文件（setting.json）中進行配置
按ctrl+shift+p打開搜索setting，打開配置文件
在配置文件中添加如下配置
// 在保存的時候進行格式化 "editor.formatOnSave": true,
3）在項目根目錄下新建.prettierrc配置文件，對prettier進行設置，配置如下：
因為prettier有個很惡心的功能，就是會將所有的單引號變?yōu)殡p引號，所有語句加上分號，這個明顯不符合eslint的語法，所以需要我們進行配置
{
//使用單引號
"singleQuote": true,
//不添加分號
"semi": false
}
4）然而這樣配置完還是會報錯，eslint要求我們在function和（）之間加上一個空格，但是這樣并不好看，所以我們可以在.eslintrc.js文件中進行配置，禁用該規(guī)則，配置如下：
rules: {
// 禁用方法（）前有一個空格
'space-before-function-paren': 0,
//關閉定義未使用的錯誤
"no-unused-vars": "off"
//關閉縮進檢測
'indent': 'off'
}
大功告成了~
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
TCP協(xié)議詳解_動力節(jié)點Java學院整理
本文描述了TCP協(xié)議，首先簡單介紹了TCP完成了一些什么功能；介紹了TCP報文格式，以及典型報文的數據格式?，F在通過本文給大家詳細介紹，感興趣的的朋友一起看看吧2017-07-07
下面小編就為大家?guī)硪黄仙Ｕ動嬎銠C中的編碼問題(必看篇)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
當一個軟件打開一個文本時,它要做的第一件事是決定這個文本究竟是使用哪種字符集的哪種編碼保存的。2008-09-09
這篇文章主要為大家介紹了conda常用命令整理及用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要介紹了HTTP長連接與短連接使用方法及測試,需要的朋友可以參考下2020-02-02
這兩天“微信小程序”這個詞占據了朋友圈，大有一番風起云涌之勢，當然，還不可能夸張到使原生App開發(fā)人員失業(yè)這種程度。當然，作為一名技術人員，時刻保持對新技術的好奇心是必須的，所以在網上找大神的教程，搭建了一下開發(fā)環(huán)境，來學習一下這個新的開發(fā)框架。2016-09-09
手把手教你用Hexo+Github搭建屬于自己的博客(詳細圖文)
越來越多的朋友選擇自己架設自己的博客，以來方便個性樣式二來也能帶來不少收入，大部分朋友都會選擇wordpress搭建個人博客，這里為大家分享使用Hexo+Github搭建開發(fā)者博客的方法,需要的朋友可以參考下2017-10-10
這篇文章主要為大家介紹了如何寫好commit?message幫助業(yè)務團隊提高效率方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章給大家詳細的介紹了關于git分支的操作，其中包括查看現存分支、創(chuàng)建分支、切換分支、提交分支、分支合并以及刪除分支，文中給出了詳細示例代碼，相信對大家的學習和理解很有幫助，有需要的朋友們下面來一起學習學習吧。2016-11-11
文章介紹了如何在IntelliJ IDEA中使用Git進行代碼拉?。╬ull）操作,包括通過點擊刷新按鈕和在終端中執(zhí)行命令兩種方法,同時,還提供了解決項目未更新問題的步驟2024-11-11