Atom下隐藏Create-react-app工程的node_modules目录文件的解决办法

最新推荐文章于 2024-03-26 00:44:05 发布
最新推荐文章于 2024-03-26 00:44:05 发布
阅读量908 收藏
点赞数
分类专栏： atom 文章标签： atom不显示node_modules
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39786582/article/details/83304588
版权

在命令行中新建 creact-react-app project 后，用atom编辑器打开项目发现不显示（隐藏了）目录下的node_modules文件。查阅后发现，原来
atom会隐藏在项目目录下.gitignore文件中注明的不需要git上传的文件或目录，解决办法：

1.打开设置，Packages > Settings View > open
在这里插入图片描述
2.打开配置文件
在这里插入图片描述3.在配置文件中打开config.cson文件，将tree-view中的true改为false即可
在这里插入图片描述配置之后，在项目中就可以看到node_modules文件目录了。
参考：https://www.jianshu.com/p/f124e6263c58。 谢谢

TangAcrab
关注
专栏目录
create-react-app之开发
蛐蛐的博客
01-07 226
1.设置编辑器 如果配置正确，Create React App会提供许多工具来改善编辑体验。这里有一些技巧，可以最大程度地提高您的生产力： 1.1 语法高亮 要在您喜欢的文本编辑器中配置语法突出显示，请转到相关的Babel文档页面并按照说明进行操作。其中涵盖了一些最受欢迎的编辑器。 1.2 在编辑器里显示lint的输出 一些编辑器，包括Sublime Text，Atom和Visual Studio Code，都提供了ESLint的插件。 linting不是必需...
Mac搭建 React Native 工具篇Atom＋Nuclide
xiangzhihong8的专栏
03-15 7237
关于如何在mac下搭建React环境这里就不详细介绍了，有兴趣的朋友可以看：在Mac上搭建RN基础环境，今天要说的是如何在mac下使用Atom＋Nuclide组合环境来开发项目。安装Atom如果没有的大家可以到官网下载：https://atom.io/，也可以到国内的镜像地址下载：https://npm.taobao.org/mirrors/atom/1.7.2/ 解压atom，打开atom，你看
VSCode隐藏node_modules目录
weixin_33762130的博客
09-22 2027
使用VSCode，打开一个工程时，发现node_modules目录包含到工程中了，问题： settings.json配置如下，可以自己定制忽略的文件夹： search.exclude 用来忽略搜索的文件夹 files.exclude 用来忽略工程打开的文件夹 转载于:https://www.cnblogs.com/GarsonZhang/p/7575961.html...
屏蔽 node_modules
weixin_34191734的博客
10-27 332
为什么80%的码农都做不了架构师？>>> ...
vscode 全局搜索时屏蔽node_modules和dist 目录
高先生的猫
11-17 2600
vscode 全局搜索时屏蔽node_modules和dist 目录
如何查看.Git文件夹（显示隐藏目录）
热门推荐
逸尘的专栏
07-12 2万+
打开命令行输入：$ defaults write com.apple.finder AppleShowAllFiles TRUE 重启Finder应用，输入$ killall Finder
React：React：ReactJS准则，技术，技巧和窍门
01-31
npm install -g create-react-app 打开项目位置，然后打开CMD并键入 create-react-app your-project-name 完成后，您可以看到名为“您的项目名称”的已创建文件夹 输入npm start启动，服务器浏览器将自动以...
react零基础到精通-1|基础概念，主要特性，s6语法，react相关的开发环境和工具，react简介，箭头函数，模板字符串，解构赋值，rest参数，扩展运算符，class，
VAN
03-26 483
前端UI的本质问题是如何将来源于服务器端的动态数据和用户的交互行为高效地反映到复杂的用户界面上。React另辟蹊径，通过引入虚拟DOM、状态、单向数据流等设计理念，形成以组件为核心，用组件搭建UI的开发模式，理顺了UI的开发过程，完美地将数据、组件状态和UI映射到一起，极大地提高了开发大型Web应用的效率。React的特点可以归结为以下4点：（1）声明式的视图层。使用React再也不需要担心数据、状态和视图层交错纵横在一起了。React的视图层是声明式的，基于视图状态声明视图形式。
React-Native入门教程（一）：环境搭建及Hello World
Sophie_U的博客
01-29 883
文章目录一、关于React Native二、环境搭建2.1 安装依赖2.2 Android开发环境三、初始化一个新项目四、使用Android Studio跑起来 一、关于React Native 1. 什么是React Native? React Native（RN）是facebook开源的一套用于开发移动端跨平台App的技术框架。RN用于开发原生App可以解决基于Web开发的应用所面对的性能和...
create-react-app配置总结
博客
05-31 1万+
     &a
react项目中的node_modules文件的去处
weixin_30339969的博客
07-07 1029
每一个react项目都需要一个node_modules依赖包，但是这个依赖包貌似有点大，如果直接发布该react项目的话，会让该react项目加载变慢，一个非常好的处理方法： 在.gitignore文件中加入一行node_modules即可！！！ .gitignore文件可能在IDE里面看不到，可以在项目所在目录找到，一般在最外层就可以看到。 .gitignore文件的使用h...
create-react-app 出现 ..\node_modules\uglifyjs-webpack-plugin 包中缺少一个module 解决方法
xw245184020的专栏
07-18 2555
前段时间create-react-app 突然出现创建项目出错 也不是npm 安装出错 ，最后我把本地的npm删除 重新npm install -g create-react-app   才好的
VSCode左侧文件栏隐藏node_modules
ljy123w的博客
12-08 1473
使用VSCode，打开一个工程时，发现node_modules目录包含到工程中了，问题： settings.json配置如下，可以自己定制忽略的文件夹：
atom 隐藏.DS_Store等文件
知识碎片
01-12 287
1. 全局设置里设置忽略文件列表 Settings> Core> Ignored Names 默认已经将.DS_Store加入忽略文件列表 有别的需要隐藏的类型可以往后加 2. tree-view包中设置隐藏忽略文件列表 Settings> Packages> tree-view> Settings 勾选’Hide Ignored Names’，隐藏忽略文件列表 ...
atom autocolpete-paths检测node_modules的文件导致卡顿的问题
waterCube的博客
08-08 397
主要是以下两种情况： 1、本地项目拥有远程仓库：.gitignore配置node_modules，这样启动本地项目的时候，Atom不会读取node_modules文件夹。 2、本地项目没有创建远程仓库的情况下，操作看截图： 首先在Packages里找到autocolpete-paths这个插件，然后在settings里找到Ignored Names，打上勾 然后在Core里找到gn...
create-react-app结合node express框架搭建react项目开发环境
zhengjie0722的博客
12-02 4135
前端框架一直用的Facebook 的React框架，之前后台一直在用.net，最近在学习node，因此想用node 的express框架，结合create-react-app脚手架搭建开发环境。 技术栈 一、yarn Facebook今年推出了一款工具yarn，和npm相似，都是Nodejs包管理工具，选择yarn的主要原因有： （1）yarn会缓存它下载的每个包，所有不需要重
React学习17_1----package.json文件和node_modules文件夹
翟浩浩Android专栏
02-26 2525
package.json 文件 引用模块的名称 node_modules 文件夹（包括里面的文件） 模块的实际文件 node_modules 手动删除， 但是package.json 必须在 cd 到项目目录下，执行npm install命令，会根据 package.json 中引用模块的 名称重新下载并生成node_modules文件夹 在实际开发中，代码在git 或者 svn ...
初步接触 atom 插件
qhexin的专栏
03-27 2792
h1. 前言 最近用 react-native 来做客户端，使用的IDE是 atom ， atom 确实很强大，源码开发，插件任意。但是还有很多不完善的地方，在 jsx 的代码提示上不是很好。找了一个 react-native autocomplete 的插件，很早已经安装过了，但是一直感受不到他的强大之处。写 react 控件的时候，属性不会自动提醒，只有在 React.xxx 的时候
create-react-app修改node_modules的代码不生效
最新发布
10-01
`create-react-app`是一个脚手架工具，用于快速创建React应用，它通常会隔离项目的依赖，并使用自己的版本管理策略（如`npm link`）。当你直接修改`node_modules`中的代码时，这些更改不会反映到`create-react-app`项目中，因为它们会被创建应用程序时安装的特定版本替换。 如果你需要对某个库进行自定义或修改，有几种方法可以实现： 1. **全局安装**：将库全局安装并设置环境变量，让`create-react-app`项目也能访问到。 ```sh npm install -g your-library ``` 2. **本地安装**：在项目目录下创建一个`package.json`，然后安装你需要的版本。 ```sh cd my-app npx create-react-app . --use-npm npm install your-library@specific-version ``` 3. **替换全局库**：删除`node_modules`下的默认版本，然后从全局路径中链接进来。 ```sh rm -rf node_modules/your-library ln -s /path/to/global/library node_modules/your-library ``` 4. **修改`create-react-app`配置**：如果需要长期改变，你可以考虑使用`eject`命令打开构建配置，但这会失去`create-react-app`带来的便利性。 记住，直接修改`node_modules`并不是一个好的实践，除非你了解其后果并愿意承担潜在的风险。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值