【React】快速入门

2023-09-13  本文已影响0人  24c41111e47b

React是一个用户构建Web和原生交互界面的库,由Facebook开源,属于目前使用场景很多的前端开发技术栈中的一种

环境:
MacOS


创建App

官方github中的创建指南提供了npmnpx以及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


参考

react官网
中文文档
React github

上一篇 下一篇

猜你喜欢

热点阅读