React是一个用户构建Web和原生交互界面的库,由Facebook开源,属于目前使用场景很多的前端开发技术栈中的一种
环境:
MacOS
创建App
官方github中的创建指南提供了npm
和npx
以及yarn
三种方式,经过调研最终选择yarn
创建项目,并进行项目的管理工作
1.检查yarn
是否安装
yarn -v
2.安装yarn
npm install -g yarn
3.创建App
yarn create react-app my-app
等待执行完毕后,在当前目录下会生成项目文件目录,如下:
my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
└── src
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── logo.svg
└── serviceWorker.js
└── setupTests.js
4.运行项目
cd my-app
yarn start
5.测试项目
yarn test
6.构建项目
构建编译项目用于发布线上模式,运行下面命令,将在build
文件夹下生成构建产物,接下来就可以准备部署到服务器了
yarn build
网友评论