为什么？

前端开发的朋友们都知道，项目开发都需要依赖 node_modules 文件夹。

node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。无论现在是用Vue框架或是React框架，都会需要对项目进行安装依赖。常用安装命令：

# npm安装方法
npm install PACKAGE_NAME

# yarn安装方法
yarn add PACKAGE_NAME

项目依赖文件有很多，有编译css样式、处理静态资源文件（图片）、typescript转编译等工具包，而这些工具包又有它们自己的依赖，会在安装的时候一起从仓库拉取下来。

在开发的时候，编辑器都会去加载这些文件。接下来会发现电脑的CPU疯狂IO操作，电脑温度飙升，平常用笔记本的我肯定受不了，冬天应该还不错，可以暖手（哈哈哈）。最重要的是编辑器打开后，并不能马上开发，而是需要等到编辑器把文件全部加载完成后，不然电脑会很卡。

有时候可能只想把项目打开，从其中的几个文件中复制些代码片段。就这么简单的操作，我却要等到编辑器把大量node_modules文件全部读取完成后，才能进行查找复制。这会显得自己效率非常的低。

怎么做？

我平常的编辑器： IntelliJ IDEA 和 Sublime Text。使用它们的原因是：

1. IntelliJ IDEA 公司内后端开发人员必备，不用担心更新后找不到破解（程序员的你们懂得）。
2. Sublime Text 轻量，打开速度快。平时记录些代码片段，或是打开项目找些配置代码，都会用到它。

那么如何摆脱 node_modules 呢？

IntelliJ IDEA设置：Preferences - Editor - File Types - Ignored Files and Folders

Sublime Text设置：Preferences - Settings

"folder_exclude_patterns": ["node_modules"]

想Ta了

忽略 node_modules 文件夹之后，引用语句就会警告提示，但并不影响项目的开发。只是需要跳转看源码，或是需要提示引用的变量名，就无法做到了。

现在的项目中引用了Typescript，如果你的项目中也引用TS，在电脑性能不错的情况下，建议还是打开编辑器对 node_modules 文件夹的读取。这样即可以看到源码，也可以从源码中得到帮助和学习。上图也是引用了 Typescript，忽略 node_modules 之后的报错。

总结：当你的电脑性能不足时，可以使用以上方法来提高编辑器启动时间和代码编辑效率。

希望对同是程序员的你们有帮助，代码少出bug！