记一次vscode安装eslint踩坑经历

 

在公司电脑是别人安装好了的eslint，所以自己没有安装过，用着用着就习惯了，放假的时候在自己电脑上练习react，就想在自己电脑上安装一个eslint。开始第一步，创建一个react项目，

在vscode的terminal中输入npm create-react-app my-app,等了几分钟，一个目录结构就创建成功了

这一步不会出错，到这里项目已经可以运行了，直接输入 $cd my-app  $npm start

然后安装eslint，注意，terminal现在的目录是在my-app下面，根据eslint官网上的教程

$ npm install eslint --save-dev

$ ./node_modules/.bin/eslint --init

完成这两步，库里面已经有这两个依赖了

 配置文件也已经建立，接下来就在就下一个eslint的插件，

按理说现在就已经能用了，你格式上不讲究就会出红线了，网上安装eslint的教程到这里就已经能用了，但是我这里就是不知道怎么回事，我故意把App.js的代码乱拍了一下

按理说这一行是会报错的，但就是不出红线，然后想是不是没有装上，我就用命令行输入看了一下

eslint F:\react\todo-list\app\src\App.js

有三个错误，说明eslint是装上的。然后又点开output

说是eslint-plugin-react找不到，就奇了怪了，明明在eslitn init的时候就把这些依赖装好了，总之找了各种各样的帖子，都没解决，一次偶然的尝试，我发现在 my-app的父目录里面装eslint-plugin-react，vscode就能找到，我就想vscode可能是从你打开的目录里面去找nodal-modal的，不会在深入到my-app文件夹里面找，然后我就

File-Open Folder，直接打开my-app，

开始报错了，调整格式

算是正常了。

为什么会这样我也不知道，总之给大家做个参考吧，如果有大神知道的，请留言