Recat 安装和 Ant UI 的安装及遇到相关问题处理

 React , Ant 插件安装：
 
 第一步： 安装node.js  : https://www.cnblogs.com/aizai846/p/11441693.html
          备注： 双击打开安装，下一步下一步即可（笔者安装路径为“D:\Program Files\nodejs”） 这一步最好安装到：自定义文件里面如： softWear    
          若出现 配制环境变量步骤： “环境变量” -> “系统变量”：新建一个变量名为 “NODE_PATH”， 值为“D:\Program Files\nodejs\node_global\node_modules”，如下图：建议修改为如下：
          D:\Program Files\nodejs\node_global\bin
 
 第二步： https://blog.csdn.net/weixin_36732046/article/details/95884577
 
          https://blog.csdn.net/weixin_45600332/article/details/106658490

          https://www.cnblogs.com/jie1995/p/8650448.html
          
          
          安装Ant:
          新建一个空文件夹 mkdir myapp
          执行：create umi
          npm install
          npm start
          安装结束

安装后仍然出现，需要安装webpack-cli。
解决方法：需要使用全局安装，npm i webpack-cli -g。
问题原因：未知，需要先全局安装，然后再给项目安装。

step.1 全局安装webpack

$ cnpm install --save-dev webpack -g
$ cnpm install --save-dev webpack-cli -g

$ cnpm install webpack-cli -g

启 动 react 相关步骤：

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

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

备注：

如果npm版本是5.2以上版本，在cmd中输入 npx create-react-app my-app，当前目录下创建一个名为 my-app 的工程，命令行窗口中将会显示依赖库的一些日志

如果npm版本低于5.2，则全局安装 create-react-app，cmd 输入 npm install -g create-react-app；create-react-app下载完成后，cmd 中输入 create-react-app my-app。

清除缓存：
npm config get cache

查看配制文件：执行：npm config edit  进行修改文件路径的空格

https://blog.csdn.net/hellobbw/article/details/108402959

出现此类错误：
success Installed "create-umi@0.19.0" with binaries: - create-umi 文件名、目录名或卷标语法不正确。

执行 : yarn create umi 报错 . 直接执行： create umi   如果报没有安装则执行： npm install -g create-umi

报此类错误：
success Installed “create-umi@0.24.1“ with binaries: - create-umi 文件名、目录名或卷标语法不正确

解决方案如下：

找到node.js中安装的包的位置，在bin文件夹中找到create-umi.cmd文件

@"%~dp0\C:\Users... "
于是我找到“D:\Program\nodejs\node_modules\bin\”目录下的 create-umi.cmd，内容如下

将文件内容中"%~dp0\"字符删除

删除后，不要重新执行yarn create umi的命令，执行后会重新出现  直接执行： create-umi

直接使用create命令，要确保全局安装了create-umi（cnpm/npm -install create-umi -g），并将安装路径配置到环境变量

执行create-umi，npx npx create-umi，npx create-umi myapp相关命令都可以

官方文档快速使用： https://pro.ant.design/docs/getting-started-cn

Usage Clone project code. git 下载安装步骤
1:git clone https://github.com/zuiidea/antd-admin.git my-project

2:cd my-project  

Installation dependence.

3:yarn install
Or

3:npm install

Start local server.

4:npm run start

备注：

安装插件集#
执行以下命令，安装插件集（包括 antd、dva、国际化等常用插件）：

# 或 npm i @umijs/preset-react -D
$ yarn add @umijs/preset-react -D