怎么安装create-react-app?
react
、react-dom
、babel
、webpack
... 需要很多的前置知识,很容易让人从入门到放弃。于是就诞生了 脚手架 这种东西,create-react-app
就是一个 React 的脚手架,用它可以很方便的就创建了整个 React 的环境搭建,它解决了所有的依赖问题。
怎么安装create-react-app?
1、安装Node.js
安装 create-react-app
唯一的条件就是你的电脑必须有 Node.js
环境,因为 Node 的很大一部分应用场景就是作为前端的工具链。
2、安装create-react-app
// 安装 create-react-app npm install -g create-react-app
安装好了之后,看一下版本
create-react-app --version
证明是安装成功的。
创建React 工程
安装完成create-react-app,可以开始创建React 工程
// 创建 React 工程 create-react-app my-app // 进入工程目录 cd my-app // 启动 React npm start
如果成功,访问 http://localhost:3000/
就能访问我们创建的 React 工程的主页,这几条命令也就完成了整个 React 环境的搭建。
build
npm start
启动的是开发环境,但是在生产环境中,我们需要 buil
d。
React 的思想,可以说是透支了浏览器的未来,就是说它有很多新的特性,新的功能,但是这些功能浏览器并不支持。所谓的 build
就是把我们在 React 中创造的应用,翻译成最普通的、浏览器能支持的 HTML
、CSS
、JavaScript
代码。
我们进入到 React 工程目录,运行 npm run build
在目录中会多出了一个 build
目录,这里面存放的就是翻译 React 代码之后的纯静态文档。这些内容,是在生产环境中运行的。
如果你的电脑刚好装了 python3
我们可以模拟一下生产环境。进入 build目录
运行 sudo python3 -m http.server 3001
,成功之后 http://localhost:3001/ 访问的就是 build 目录下的文件。
更多React相关技术文章,请访问React答疑栏目进行学习!
以上就是怎么安装create-react-app?的详细内容,更多请关注易知道|edz.cc其它相关文章!
相关内容
-
自己保存的鼠标方案在哪里可以找到?鼠标安装步骤
自己保存的鼠标方案在哪里可以找到?鼠标安装步骤,鼠标,方案,本...
-
如何在安装过程中部署DevExpress控件
如何在安装过程中部署DevExpress控件,控件,文件,本文目录如何...
-
三星移动硬盘驱动|三星移动硬盘驱动安装
三星移动硬盘驱动|三星移动硬盘驱动安装,,三星移动硬盘驱动安...
-
金蝶kis标准版8.1破解版|1怎么安装?金蝶kis标准
金蝶kis标准版8.1破解版|1怎么安装?金蝶kis标准版v8.1怎么安...
-
计算机主板BIOS设置详细-BIOS知识
计算机主板BIOS设置详细-BIOS知识,,什么是电脑BIOS,一般电脑主...
-
打印机无法打印出如何安装打印机的问题。
打印机无法打印出如何安装打印机的问题。,,一、类型:autoask数...
-
军用物资9000元z77游戏安装方案
军用物资9000元z77游戏安装方案,,在英特尔Ivy Bridge平台,主板...
-
1394连接是什么1394网络适配器知识
1394连接是什么1394网络适配器知识,,今天有网友在QQ群中问了这...
-
电脑cpu引脚要求|安装cpu时要注意cpu的管脚要与
电脑cpu引脚要求|安装cpu时要注意cpu的管脚要与主板对应,,安装...
-
影子系统是什么影子系统安装卸载win10影子系统
影子系统是什么影子系统安装卸载win10影子系统崩溃修复教程,...
-
笔记本摄像头驱动在哪里下载 罗技摄像头驱动安
笔记本摄像头驱动在哪里下载 罗技摄像头驱动安装在电脑哪里,...
-
Android手机模拟器的安装方法_模拟器安装教程在
Android手机模拟器的安装方法_模拟器安装教程在计算机技能,,核...
-
电脑声音安装驱动程序|电脑驱动声音怎么安装
电脑声音安装驱动程序|电脑驱动声音怎么安装,,电脑驱动声音怎...
-
电脑系统重新安装系统|电脑系统重新安装系统会
电脑系统重新安装系统|电脑系统重新安装系统会怎么样,,1. 电脑...
-
Win10电脑安装中文IME导致CPU占用率过高怎么办?
Win10电脑安装中文IME导致CPU占用率过高怎么办?,过高,中文,Win1...