create-react-app搭建安装步骤

注意：

Node >= 8.10npm >= 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-appnpx 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，一切的开始都从这里开始，所以这个是代码执行的源头。