第一个React项目

1、安装nodejs 

node官网下载后傻瓜式安装

验证：node -v

2、安装淘宝镜像cnmp

由于npm 安装太慢 所以使用cnmp。

打开cmd，输入   

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm config set registry https://registry.npm.taobao.org

3、

安装create-react-app脚手架，记得有-g的

cnpm install -g create-react-app

Downloading create-react-app to /usr/local/lib/node_modules/create-react-app_tmp

Copying /usr/local/lib/node_modules/create-react-app_tmp/_create-react-app@4.0.3@create-react-app to /usr/local/lib/node_modules/create-react-app

Installing create-react-app's dependencies to /usr/local/lib/node_modules/create-react-app/node_modules

[1/11] commander@4.1.1 installed at node_modules/_commander@4.1.1@commander

[2/11] envinfo@7.7.3 installed at node_modules/_envinfo@7.7.3@envinfo

[3/11] semver@7.3.2 installed at node_modules/_semver@7.3.2@semver

[4/11] validate-npm-package-name@3.0.0 installed at node_modules/_validate-npm-package-name@3.0.0@validate-npm-package-name

[5/11] chalk@4.1.0 installed at node_modules/_chalk@4.1.0@chalk

[6/11] fs-extra@9.0.1 installed at node_modules/_fs-extra@9.0.1@fs-extra

[7/11] tmp@0.2.1 installed at node_modules/_tmp@0.2.1@tmp

[8/11] hyperquest@2.1.3 installed at node_modules/_hyperquest@2.1.3@hyperquest

[9/11] prompts@2.4.0 installed at node_modules/_prompts@2.4.0@prompts

[10/11] tar-pack@3.4.1 installed at node_modules/_tar-pack@3.4.1@tar-pack

[11/11] cross-spawn@7.0.3 installed at node_modules/_cross-spawn@7.0.3@cross-spawn

All packages installed (66 packages installed from npm registry, used 1s(network 1s), speed 626.6kB/s, json 60(125.06kB), tarball 712.07kB)

[create-react-app@4.0.3] link /usr/local/bin/create-react-app@ -> /usr/local/lib/node_modules/create-react-app/index.js

reate-react-app

create-react-app 是一个全局的命令行工具，用于简化并创建一个新的项目。react-scripts 是一个生成的项目所需要的开发依赖。

 

开始步骤：

准备一个干净的工作空间，并cd切换到目录下，例如cd C:\workspace\React
命令行输入create-react-app my-app，创建react应用my-app
经过漫长的安装，看到Success! Created my-app at C:\workspace\React\my-app

 

cd my-app/

npm start