美文网首页
【React】快速入门

【React】快速入门

作者: 24c41111e47b | 来源:发表于2023-09-13 21:07 被阅读0次

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

相关文章

  • react快速入门

    快速入门 React 官方中文文档 – 用于构建用户界面的 JavaScript 库[https://react....

  • 快速入门react

    安装react npm install creat-react-app -g 这里直接安装react的一个脚手架,...

  • React 快速入门

    本文采用 es6 语法,完全参考 https://reactjs.org/docs/本文完全参考 React 官方...

  • React快速入门

    Welcome to React! React是什么?为什么要使用它? React是Facebook内部的一个Ja...

  • 快速入门React

    react 使用react需要导入两个模块,react模块中提供了一些供模板使用的方法,react-dom提供了渲...

  • React快速入门

    创建项目 1.npx create-react-app myapp 2.cd myapp 3.npm start ...

  • React-Hook快速入门(一)

    一、React介绍 温馨提醒:想要获取更好的观看效果,可以点击查看本篇文章的原文档(React-Hook快速入门(...

  • React入门_上手Javascript的前端交互库

    最近做区块链DAPP小项目,使用React做前端网页,快速介绍一下React入门。其过程如下: 1、使用npm或者...

  • brew不能安装node.js

    想学习React Native,查看快速入门,需要依赖node.js。使用brew install node命令即...

  • ReactJS_15 基于webpack手动配置React开发环

    React提供了create-react-app的快速构建工具, 但面对复杂的项目, 入门级的构建工具, 是远远不...

网友评论

      本文标题:【React】快速入门

      本文链接:https://www.haomeiwen.com/subject/xqbpvdtx.html