使用 npx 安装react

1.安装npm最新版本 create-react-app 后面接的是项目名称

npx create-react-app demoname

2.进入项目并运行,根据提示运行开发环境的命令,一般是 yarn start

3.这里有个选择:要不要抽离webpack的配置项文件,因为如果不离的话,webpack的配置文件是在nodemodules文件中的,一般我们是不建议修改nodemodules中的文件的,这是就可以ibarrawebpack文件抽离出来。不顾oreact也有webpack的覆盖性文件,可以直接覆盖那个文件;

4.如果需要抽离webpack配置,在项目创建好之后不要打开项目,先运行一个命令,就会自懂抽离webpack的配置文件了

yarn ejectnpm run eject
//运行eject可能会报一些错误,虽然我没遇到,但还是去查了一下解决办法
运行之前执行一系列的git操作就可以了npm install -g create-react-app
create-react-app my-app
cd my-app
git init
git add .
git commit -m "xxx"//双引号里面的是解释性话语,说清这个文件是干嘛的
npm run eject

4.成功打开就是成功了

5.安装失败的解决办法

  • 切换为npm镜像为淘宝镜像
  • 使用yarn,如果本来使用yarn还要失败,还得把yarn的源切换到国内
  • 如果还没有办法解决,请删除node_modules及package-lock.json然后重新执行npm install命令
  • 再不能解决就删除node_modules及package-lock.json的同时清除npm缓存npm cache clean --force之后再执行npm install命令

使用 npx 安装react相关推荐

  1. React从入门到精通系列之(1)安装React

    一.安装React React是灵活的,可以在各种类型的项目中使用. 你可以使用它创建一个全新的应用程序,也可以逐步将其引入现有的项目中,而不需要重写整个项目. 创建一个单页面应用 Create Re ...

  2. MacOS安装react。问题 -- npm全局包的权限问题

    网上的教程有好多,在这里不一一列举,我只介绍我今天安装成功的步骤 首先,在安装react之前要先配置好node 1.安装node 在这里下载node的安装包https://nodejs.org/en/ ...

  3. react入门--------安装react

    创建一个单页面应用 Create React App是开始构建新的React单页应用程序的最佳方式. 它可以帮助您快速集成您的开发环境,以便您可以使用最新的JavaScript功能,它提供了一个很好的 ...

  4. linux平台安装React Native遇到的坑

    3年前我在windows平台安装过React Native,我一直都记忆犹新,那个时候facebook刚推出支持安卓,然后花了一天的时间在自己的window电脑上配置好了,还是很兴奋的,安装博客地址如 ...

  5. Chrome浏览器安装 React Developer Tools和Redux DevTools插件

    正文: 1. 首先,下载react-developer-tools开发调试工具插件.(下面还要安装redux插件,一并给出) react插件: 链接: https://pan.baidu.com/s/ ...

  6. 使用cnpm安装 React

    React 17.0.1 安装 使用cnpm安装react $ cnpm install -g create-react-app$ create-react-app react-learning$ c ...

  7. 史上最详细Windows版本搭建安装React Native环境配置

    说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特 ...

  8. 【前端基础知识】chrome安装React Devtools

    转载地址:https://blog.csdn.net/wp_boom/article/details/79011177 去git上下载react-devtools文件到本地,下载地址: https:/ ...

  9. Windows环境下安装React Native开发环境----记一次填坑过程

    前言 集成React Native开发环境遇到各个坑,调试了很久出现过找不到设备,百度上个别人的资料有误被绕来绕去耽误了很多时间,下载慢等待时间过长等问题,最后多方查阅资料,电脑重启等操作终于部署好了 ...

最新文章

  1. 为git服务器配置gitosis管理权限
  2. SAP的标准对话框函数
  3. 2049 : 压死骆驼的最后一根稻草 (规律)
  4. 解决spring-session升级到2.0.0报错的问题
  5. hdu4405:概率dp
  6. 动手写了一个12306插件 chrome浏览器
  7. markdown不允许还有人不会
  8. [NOI2003]Editor [AHOI2006]文本编辑器editor BZOJ1507BZOJ1269
  9. 8数据提供什么掩膜产品_英特尔推出多款数据中心产品:继续提供差异化选项...
  10. 桂林老兵php,桂林老兵的SQLSERVER高级注入技巧
  11. Python中in的用法小结
  12. pandas缺省值处理
  13. 安卓AndroidStudio设计计算器实现简单的计算
  14. unity FBX模型导出系统源码WRP FBX Exporter下载
  15. 前端实现电子签名(vue组件)
  16. 金蝶K3提取在途订单数据并设置触发(可用于在途订单交期回复)
  17. 数据通信网的交换方式
  18. Linux 基础之虚拟机创建与系统安装
  19. uniapp微信客服
  20. HUST软测1504班第4周小组作业成绩:WordCount优化

热门文章

  1. 可信区块链运行监测服务平台(TBM)正式发布
  2. C++代码风格 —— 格式
  3. 玩转BUI系列2--自定义区间范围选择器range
  4. 相关性算法BM25的python实现
  5. 03 【基础篇-系统管理】
  6. cgb2007-京淘day11
  7. 从0G到5G,移动通信的百年沉浮
  8. Vue进阶(幺柒捌):延伸阅读Sass、Scss、Less与Stylus编程特性
  9. 计算机日常应用有哪些,电脑有哪些常用使用技巧
  10. php实现微信网页授权登录界面,微信公众号 前后端分离实现网页授权登录