所谓万事开头难,本文旨在为初探React的同学,建立第一个最基本的react应用。
Create React App是Facebook官方的一个快速构建新的 React 单页面应用的脚手架工具,它可以帮你配置开发环境,以便你可以使用最新的 JavaScript 特性,还能提供很棒的开发体验,并为生产环境优化你的应用。(如果你使用过vue-cli构建vue应用,那么此处可类比)
话不多说,直接开始。
安装
全局安装create-react-app
npm install -g create-react-app
tips:如果安装失败,更新node与npm至最新版本重试
创建新应用
create-react-app my-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 └── registerServiceWorker.js
运行
cd my-app npm start // or yarn start
进入my-app目录,运行npm start或yarn start
此时会打开默认浏览器访问http://localhost:3000(如果浏览器没有自动打开,可手动访问http://localhost:3000)
接下来你就可以通过修改index.js文件创建你自己的应用了!
时间: 2024-10-15 07:22:47