PHPStorm+Eslint入门配置

作者: 三不小青年 | 来源:发表于2017-10-02 15:17 被阅读147次

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

    相关文章

      网友评论

        本文标题:PHPStorm+Eslint入门配置

        本文链接:https://www.haomeiwen.com/subject/zdufsxtx.html