Day22 Create-react-app开发React

昨天介绍完Create-react-app的开发，今天就来介绍一下Create-react-app的环境建立方式。

1. 建立专案的资料夹

create-react-app hello-world

备注:昨天若是使用官网提供的指令npx create-react-app my-app安装的话，便会在你的根目录底下建立my-app资料夹，可以直接当作你的专案资料夹或改成符合本次专案的名字。
2. 移动至建立好的专案资料夹位置，并启动专案

cd my-app
npm start

移动的指令为cd+(空格)+路径，成功启用专案後，编译器预设浏览器就会出现以下的画面。

3. 开发程序
进入到开发阶段时，由於Create-react-app已经内建好webpack、Babel、ESLint等好用的开发工具，修改好程序码储存时便会将写好的程序渲染到浏览器上。
4. 完成专案

npm run build

在终端机输入完上述的程序後，便会在专案资料夹底下建立一个build的资料夹，build里面的档案就是部署网站所需要的静态档案，其他档案在部署阶段可以不用上传。