提高效率之搭建eslint+vscode開發環境

這裏分享一下基於vscode的eslint開發環境

( • ̀ω•́ )✧

基本環境：

• 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的語法。

✧｡٩(ˊᗜˋ)و✧*