自主建设公司网站,网站建设制作设计开发,ovz的vps怎么做网站,wordpress酷播一、Ant Design Pro初始化
1.创建空文件夹 2.打开Ant Design Pro官网 3.打开终端进行初始化
在终端输入npm i ant-design/pro-cli -g 在终端输入pro create myapp 选择umi3 选择simple 项目创建成功后#xff0c;在文件夹中出现myapp
4.安装依赖
使用vscode打开项目 …一、Ant Design Pro初始化
1.创建空文件夹 2.打开Ant Design Pro官网 3.打开终端进行初始化
在终端输入npm i ant-design/pro-cli -g 在终端输入pro create myapp 选择umi3 选择simple 项目创建成功后在文件夹中出现myapp
4.安装依赖
使用vscode打开项目 打开终端执行npm install -g yarn安装yarn
打开终端执行yarn,自动下载相关依赖 完成
5.运行项目 到这里初始化就成功了 tip:刚开始安装的是最新版的node.js执行yarn报一大堆错误后面换了旧版的node.js就可以了遇到相同问题的小伙伴可以试一下安装旧版的node.js 6.ui插件
执行yarn add umijs/preset-ui -D 若成功右下角增加一个入口 添加模板到项目中 待解决添加不成功重新启动后内容加载不出来
二、项目瘦身
1.移除国际化
国际相关代码 运行该指令移出国际化
2.解读文件目录
config项目配置 routes路由定义访问哪个页面 mock模拟后台数据 public存放静态资源 components存放组件 pages存放页面 e2e测试可删除 删除 app.tsx项目入口 global.less全局样式文件 global.tsx全局脚本文件 test 删除 .editorconfig 编辑器配置l .eslintrc.js 检查js是否规范 .prettierrc.js 美化代码 .stylelintrc.js 检查css代码 jest.config.js 可删除 playwright.config.ts 测试工具可删除 重新启动项目启动成功则瘦身完成
