怎樣在vue專案下新增ESLint

2021-09-14 05:54:46 字數 1595 閱讀 1992

eslint官網**

eslint中文官網

如果你是想在自己的專案裡搭建eslint，就可以按照官網的指示，

以全域性安裝舉例，

npm install -g eslint
然後初始化

eslint --init
它會問你一些問題，你可以按照你的喜好進行配置，我選的是popular下面的standard，生成的檔案是js格式，那麼就會建立出eslintrc.js檔案：

module.exports = ;
然後就可以簡單的lint某個檔案了：

$ eslint yourfile.js
有的時候，早期的時候，我們建立vue專案的時候，可能圖簡便，並沒有初始化eslint、單元測試等等模組，那麼就需要後新增進去。

如果是現在新建乙個專案，通過vue-cli的問答就可以輕鬆初始化eslint的配置。

這裡說一下怎樣在老專案裡新新增eslint。

首先，我先用vue-cli建立了乙個新專案，在初始化的時候，選擇安裝eslint，

選擇standard規則，然後就生成了eslintrc.js，把生成的這個檔案拷貝到要加eslint的老專案裡。

// 


module.exports = ,


env: ,


// extends: 'standard',


// required to lint *.vue files


plugins: [


'html'


],// add your custom rules here


'rules': 


}
然後找到package.json，把eslint相關的依賴加進去（也可以乙個乙個進行安裝，或者有更好的辦法。。）

然後在webpack.base.conf.js的rules裡新增

},
再npm install一下，應該就可以了。

在利用vue3建立專案時，怎麼關閉eslint

在eslint的試用過程中，由於它對 的檢查，使得我們在練習過程中會有很多的麻煩 最徹底的解決方法如下 在選擇完manually select features 手動配置 以後 check the features needed for your project press to select,to...

在多頁面專案下使用Webpack Vue

webpack vue能很好的完成單頁面應用的開發，官方也提供了很多例子和教程。但使用webpack能不能用到多頁面專案中，同時又能使用vue進行模組元件化開發呢？這裡將結合具體的專案，說明一下我是如何配置的。我們希望能在專案裡做到 下面是我們專案的目錄結構 home view 線上使用者訪問的.h...

在新專案下使用rbc許可權

例子說明 8個步驟 2.把遷移過來的rbac下migrations記錄刪除 3.把rabc註冊到專案中 4.建立資料庫遷移 5.註冊admin，錄入資料 自動發現並錄入許可權url 6.在登入流程中初始化許可權資訊 7.註冊中介軟體 rbac.middleware.rbac.rbacmiddlewa...