PHPStorm+Eslint入门配置

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进入文件目录