用于exp init项目的eslint配置

时间:2018-03-26 05:53:18

标签: react-native npm expo

我正在编译在所有类型的反应原生项目中添加eslint-flow-prettier的完美方法。 我对在世博项目中使用eslint有一些疑问。
exp init是否也安装了eslint? 如果没有,我尝试使用以下命令安装eslint

public void turn(Turn turn) {
    switch (turn) {
        case TURN_RIGHT:
            switch (direction) {
                case UP:
                    this.direction = Direction.RIGHT;
                    break;
                case DOWN:
                    this.direction = Direction.LEFT;
                    break;
                case RIGHT:
                    this.direction = Direction.DOWN;
                    break;
                case LEFT:
                    this.direction = Direction.UP;
                    break;
            }
            break; // necessary
        case TURN_LEFT:
            switch (direction) {
                case UP:
                    this.direction = Direction.LEFT;
                    break;
                case DOWN:
                    this.direction = Direction.RIGHT;
                    break;
                case RIGHT:
                    this.direction = Direction.UP;
                    break;
                case LEFT:
                    this.direction = Direction.DOWN;
                    break;
            }
            break; // optional
    }
}

这是将eslint放入expo项目的正确方法吗?
在上面的第二步中,它要求选择'使用流行的样式指南',我选择了Airbnb,之后它删除了多个包并且项目没有运行(明显的错误原因:缺少库)。那么为什么会发生这种情况?
我应该选择Airbnb以外的配置吗?(eslint配置只有3个选项:Google,Airbnb,Standard)

此外,我确实使用YARN进行expo项目,因为NPM提供了更多复杂功能,因为它在上面的步骤1中删除了500多个包,导致许多库从项目中丢失,我尝试使用npm install来安装所有包但是还是有问题。所以和YARN一起去了。

现在我想以某种方式在世博项目中加入eslint。

提前致谢。

更新3月26日16:25 IST:
1)以下是使用以下命令安装eslint后的信息:1)yarn add --dev eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y babel-eslint 2)yarn eslint --init (npm版本5.8.0) enter image description here

2 个答案:

答案 0 :(得分:0)

  1. 安装/** * @var int * * @ORM\Column(name="id", type="integer") * @ORM\Id * @ORM\GeneratedValue(strategy="AUTO") */ private $id; /** * @var int * * @ORM\Column(name="subcatorder", type="integer", nullable=true) */ private $subcatorder; /** * @var string * * @ORM\Column(name="subdescription", type="text") */ private $subdescription; /** * * Many files have One release. * @ORM\ManyToOne(targetEntity="AppBundle\Entity\newspaper_categories", inversedBy="subcategories") * */ private $categoriesBack; eslint-config-airbnb作为dev依赖项。
  2. 在名为babel-eslint的根目录中创建一个文件,并将其添加到此文件

    .eslintrc
  3. 在编辑器中安装Eslint扩展程序。这是vscode的extension(如果使用Webstorm,可以启用eslint)

答案 1 :(得分:0)

通过删除项目目录中的node_modules文件夹并执行npm intsall来解决此问题 因此,在任何npm install <package>期间,如果它删除了其他一些以前安装的软件包,那么现在唯一的方法是删除整个node_module文件夹并执行npm install。当我在使用本机代码支持(https://facebook.github.io/react-native/docs/getting-started.html)创建react-native应用程序时出现此问题时,这对我有用。