PHPStorm
? ? ?PhpStorm 是一款商業的 PHP 集成開發工具,旨在提高用戶效率,可深刻理解用戶的編碼,提供智能代碼補全,快速導航以及即時錯誤檢查。
Eslint
? ? ? ?ESLint是一個用來識別 JavaScript 并且按照規則給出報告的代碼檢測工具,使用它可以避免低級錯誤和統一代碼的風格。
PHPStrom+ESlint配置步驟
? ? ?1:首先確保電腦安裝了node.js 具體步驟可參見菜鳥教程
? ? ?2:打開PHPstorm工程,點擊下方的Terminal準備命令行輸入
? ? ? ?3:npm install eslint --save --only=dev
你會發現原有的文件目錄多了 node_modules 模塊,命令行會提示沒有找到package.json文件
4自行創建Package.json
新建一個package.txt文件,放到和node_moudules同級的目錄下,然后把后綴名稱改成.json即可,不懂如何改后綴名的可參考百度經驗
在package.json中添加以下字段
{
"name":"mypackage",
"version":"0.0.1",
"private":true,
"eslintConfig":{
"env":{
"browser":true,
"node":true
}
},
"dependencies":{
"eslint":"^4.8.0"
}
}
重新輸入npm install eslint --save --only=dev 就不會報錯了
5 在phpStorm setting中制定EslintPackage和package.json的目錄
還可參照Eslint官網的配置方法,注意執行可運行文件(exe)時要通過cd進入文件目錄