cnpm create umi创建一个react的antd模版

暑期实习使用react开发记录了遇到的问题，整理一下笔记

01 umi创建一个react的antd模版 https://www.bilibili.com/video/BV1cp4y1v7wm/

---

1.安装vscode    https://code.visualstudio.com/Download 

其他编辑器也可以,vscode使用JavaScript和TypeScript舒服插件也多

2.安装node.js   https://nodejs.org/

下载好之后一直点击下一步，安装完成！！！

cmd打开命令提示符：

检测版本  输入：node -v

安装node时会自带一个npm的包管理工具。

检测npm版本 输入：npm -v

如若以上两个命令输入都返回版本号，则安装成功！

查看node.js环境变量：

在安装成功后，系统会自己设置node.js的环境变量，

我们可以键入path来查看环境变量： path

可以看到已经有了node.js环境变量（我安装的时候选择的安装路径是E:\盘，注意：这只是Node软件安装路径而已，并不是项目路径！）

同时为了保证速度，需要使用淘宝镜像，命令如下:

npm config set registry "http://registry.npm.taobao.org"

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

输入cnpm -v如果没有，添加系统变量path的内容

因为cnpm会被安装到D:\Program Files\nodejs\node_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

然后建一个空文件夹来存放项目

4.安装umi

cnpm create umi

create umi [appName]

simple 是简单版更轻量一些 另一个选项是完整版

安装完成后vscode  打开文件夹

5.cnpm i

6.启动   cnpm start   或者  cnpm run start:no-ui