1、学习笔记之环境搭建

一、安装Node

1、校验node安装版本

C:\Users\longge>node -v
v12.10.0

2、校验npm版本

C:\Users\longge>npm -v
6.10.3

 

二、安装cnpm

由于国内访问npm校验，推荐使用cnpm替代。

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

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

 

三、安装React相关

$ cnpm install -g create-react-app

启动react项目：

$ npm start

 

四、安装Antd相关

1、在项目中配置umi

进入项目所在目录，执行如下脚本

$ cnpm init -y
$ cnpm install umi --save-dev
$ cnpm install umi-plugin-react --save-dev

2、安装antd依赖

$ cnpm install andt --save

3、构建和部署

$ cnpm install serve -g
$ serve ./dist

4、运行

$ npm run dev

 

补充知识点：

1、

npm install -g xxx
表示全局安装依赖

npm install xxx --save-dev
表示项目内安装依赖,-dev表示此依赖仅在编译时需要，打包和运行时不需要

npm install xxx --save
表示项目安装依赖，此依赖为项目全生命周期依赖

npm install
在项目目录下运行这个命令，将安装package.json里配置的依赖

2、 npm start和npm run xx的异同

npm start和 npm run start是等效关系，在一个npm管理项目中，一般默认有start的定义，且会经常使用，所以就在npm执行中简化输入目的设置了npm run start的简写，
类似的还有npm stop、npm test等等。而其他的一些不太通用的命令项则只能通过npm run <命令项>的形式执行啦。