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

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

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

基本環境：

• vscode v1.0.0

• eslint v2.8.0

• #mac

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

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

外掛程式位址是這裡

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

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

mkdir vsc-demo && cd vsc-demo

新檔案

touch app.js

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

var num = 1;

const array = []

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

現在我們來安裝全域的eslint

打開我們的Terminal，鍵入

npm install eslint -g

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

eslint --v

// v2.8.0

用eslint來建立規則

eslint --init

我們選擇了標準的eslint規則

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

#然後就發現，錯誤更多了！莫慌，我們看看是什麼錯誤：

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

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

更多程式相關知識，請造訪：程式設計影片！ ！

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