React + Ant Design Pro 入门学习
React 环境搭建
前提需要先下载 nodejs :https://nodejs.org/en/download
暂时使用的是 nodejs 14.15.5
1、yarn 安装
npm install -g yarn
yarn -v 查看版本 1.22.19
设置yarn 源:yarn config set registry http://registry.npm.taobao.org/
2、安装 react 腬脚手架
npm install -g create-react-app
3、创建项目
create-react-app ant-demo
创建完后,cd ant-demo 进入到目录
4、 运行、打包项目等
npm start
npm run build
npm test
npm run eject
5、yarn 权限配置
yarn : 无法加载文件 c:\Users Administrator AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。
使用管理员方式打开 windows PowerShell
输入:Set-ExecutionPolicy RemoteSigned 然后输入 A 或 Y
检查 yran 权限 yarn config get registry ,执行成功表示完成
6、安装 antd UI框架
yarn add antd
error eslint@8.40.0: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.17.0 || >=16.0.0". Got "14.15.5"
当出现以前错误时:执行 yarn config set ignore-engines true
7、下载完整 ant-design 后台UI。
https://github.com/ant-design/ant-design-pro.git
React + Ant Design Pro 入门学习更多相关文章
JavaScript CSS Vue3 实现一个简单的Loading
配置和使用nvm免安装版本(nvm-noinstall.zip)
HarmonyOS:使用Node-API实现ArkTS与C/C++跨语言交互
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (一):项目简介及安装依赖
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (四):状态码的使用
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (五):POST上传文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (六):token的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (七):MongoDB的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (三):Cors的设置及.env文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (二):项目文件夹架构及路由的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (八):API说明(暂时完结,后续考虑将在线版mongoDB变为本地版)
报error:0308010C:digital envelope routines::unsupported错--nodejs版本过高(nvm安装(更换)不同版本nodejs)
小结---安装nvm解决node版本不兼容的问题(node版本切换)