首頁 > 開發工具 > VSCode > 淺談vscode怎麼搭建eslint開發環境

淺談vscode怎麼搭建eslint開發環境

青灯夜游
發布: 2021-05-17 11:22:01
轉載
2308 人瀏覽過

這篇文章跟大家分享一下基於vscode的eslint開發環境的建置方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助

淺談vscode怎麼搭建eslint開發環境

【推薦學習:《vscode教學》】

基本環境:

  • vscode v1.0.0

  • eslint v2.8.0

  • #mac

如果你還沒有vscode,可以從這裡下載

淺談vscode怎麼搭建eslint開發環境

來安裝vscode中需要的eslint外掛程式

外掛程式位址是這裡

淺談vscode怎麼搭建eslint開發環境

#複製指令,在vscode中開啟快速欄,command p,貼上,vscode會自動的去下載插件,在插件下載完畢之後,會提示重新啟動vscode以便運行插件。

在安裝完畢之後,我們開啟Terminal,建立我們的工程

mkdir vsc-demo && cd vsc-demo
登入後複製

新檔案

touch app.js
登入後複製

開啟vscode,我們試著寫點程式碼

var num = 1;

const array = []
登入後複製

淺談vscode怎麼搭建eslint開發環境

看來現在vscode並不認識const這個關鍵字,

現在我們來安裝全域的eslint

淺談vscode怎麼搭建eslint開發環境

打開我們的Terminal,鍵入

npm install eslint -g
登入後複製

安裝完畢後,可以查看我們的版本

eslint --v

// v2.8.0
登入後複製

用eslint來建立規則

eslint --init
登入後複製

我們選擇了標準的eslint規則

淺談vscode怎麼搭建eslint開發環境

然後我們重新啟動我們的vscode

淺談vscode怎麼搭建eslint開發環境

#然後就發現,錯誤更多了!莫慌,我們看看是什麼錯誤:

其中1和3都提示我們定義了變數但是沒有使用,第2個提示我們加入了多餘的分號,讓我們修改程式碼

淺談vscode怎麼搭建eslint開發環境

OK,現在eslint可以正常的在我們的vscode環境中運作了,並且支援了es6的語法。

更多程式相關知識,請造訪:程式設計影片! !

以上是淺談vscode怎麼搭建eslint開發環境的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
visual-studio-code - vscode-vim使用本地.vrimrc
來自於 1970-01-01 08:00:00
0
0
0
VScode建html的時候不出來<HTML>框架
來自於 1970-01-01 08:00:00
0
0
0
node.js - vscode不能跳到程式碼
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板