淺談vscode中怎么搭建eslint開發環境

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

【推薦學習：《vscode》】

基本環境：

• vscode v1.0.0

• eslint v2.8.0

• mac

如果你還沒有vscode，可以從vscode

來安裝vscode中需要的eslint插件

插件地址是vscode

復制命令，在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！！

以上就是淺談