PHPStorm+Eslint入门配置

PHPStorm

     PhpStorm 是一款商业的 PHP 集成开发工具,旨在提高用户效率,可深刻理解用户的编码,提供智能代码补全,快速导航以及即时错误检查。

Eslint

       ESLint是一个用来识别 JavaScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。

PHPStrom+ESlint配置步骤

     1:首先确保电脑安装了node.js 具体步骤可参见菜鸟教程

     2:打开PHPstorm工程,点击下方的Terminal准备命令行输入


《PHPStorm+Eslint入门配置》


       3:npm install eslint –save –only=dev


《PHPStorm+Eslint入门配置》

你会发现原有的文件目录多了 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 就不会报错了

《PHPStorm+Eslint入门配置》

5 在phpStorm setting中制定EslintPackage和package.json的目录


《PHPStorm+Eslint入门配置》

还可参照Eslint官网的配置方法,注意执行可运行文件(exe)时要通过cd进入文件目录

    原文作者:三不小青年
    原文地址: https://www.jianshu.com/p/5a3f21f92962
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞