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