注意:
- Node >= 8.10
- npm >= 5.6
1.安装nodejs
首先要安装nodejs,可以直接到node官网下载安装。
安装完成后,打开cmd ,输入node -v 查看是否安装 。
npm工具也会随node一起自动安装,使用npm -v 查看。
2.安装淘宝镜像cnpm
由于npm 安装太慢 所以使用cnpm。
打开cmd,输入
- npm install -g cnpm --registry=https://registry.npm.taobao.org
- npm config set registry https://registry.npm.taobao.org
如果安装了yarn,也可以加快安装:
3.使用cnpm安装react
- cnpm install -g create-react-app || yarn global add create-react-app
- npx create-react-app my-app
- cd my-app/
- npm start
创建一个单页面应用
Create React App是开始构建新的React单页应用程序的最佳方式。 它可以帮助您快速集成您的开发环境,以便您可以使用最新的JavaScript功能,它提供了一个很好的开发体验,并可以有效优化您的应用程序,提升开发效率。
项目的目录结构如下:
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
manifest.json 指定了开始页面 index.html,一切的开始都从这里开始,所以这个是代码执行的源头。