PHPStorm
? ? ?PhpStorm 是一款商業(yè)的 PHP 集成開(kāi)發(fā)工具翁涤,旨在提高用戶效率,可深刻理解用戶的編碼,提供智能代碼補(bǔ)全惭蹂,快速導(dǎo)航以及即時(shí)錯(cuò)誤檢查伞插。
Eslint
? ? ? ?ESLint是一個(gè)用來(lái)識(shí)別 JavaScript 并且按照規(guī)則給出報(bào)告的代碼檢測(cè)工具,使用它可以避免低級(jí)錯(cuò)誤和統(tǒng)一代碼的風(fēng)格盾碗。
PHPStrom+ESlint配置步驟
? ? ?1:首先確保電腦安裝了node.js 具體步驟可參見(jiàn)菜鳥(niǎo)教程
? ? ?2:打開(kāi)PHPstorm工程媚污,點(diǎn)擊下方的Terminal準(zhǔn)備命令行輸入
? ? ? ?3:npm install eslint --save --only=dev
你會(huì)發(fā)現(xiàn)原有的文件目錄多了 node_modules 模塊,命令行會(huì)提示沒(méi)有找到package.json文件
4自行創(chuàng)建Package.json
新建一個(gè)package.txt文件廷雅,放到和node_moudules同級(jí)的目錄下耗美,然后把后綴名稱改成.json即可,不懂如何改后綴名的可參考百度經(jīng)驗(yàn)
在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 就不會(huì)報(bào)錯(cuò)了
5 在phpStorm setting中制定EslintPackage和package.json的目錄
還可參照Eslint官網(wǎng)的配置方法航缀,注意執(zhí)行可運(yùn)行文件(exe)時(shí)要通過(guò)cd進(jìn)入文件目錄