React漫漫学习路之 利用Create React App命令创建一个React应用

Posted 2020-10-15

所谓万事开头难，本文旨在为初探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文件创建你自己的应用了！