如何搭建一个umi项目

  1.首先得有 node,并确保 node 版本是 10.13 或以上

$ node -v
v10.13.0

   2.推荐使用 yarn 管理 npm 依赖,并使用国内源(阿里用户使用内网源)

复制代码
# 国内源
$ npm i yarn tyarn -g
# 后面文档里的 yarn 换成 tyarn
$ tyarn -v

或者
# 阿里内网源
$ tnpm i yarn @ali/yarn -g
# 后面文档里的 yarn 换成 ayarn
$ ayarn -v
复制代码

  3.先找个地方建个空目录  

$ mkdir 项目名称 && cd 项目名称
  4.通过官方工具创建项目(如果创建不成功,尝试修改淘宝镜像npm config set registry https://registry.npm.taobao.org
复制代码
$ yarn create @umijs/umi-app
# 或 npx @umijs/create-umi-app

Copy:  .editorconfig
Write: .gitignore
Copy:  .prettierignore
Copy:  .prettierrc
Write: .umirc.ts
Copy:  mock/.gitkeep
Write: package.json
Copy:  README.md
Copy:  src/pages/index.less
Copy:  src/pages/index.tsx
Copy:  tsconfig.json
Copy:  typings.d.ts
复制代码

  5.安装依赖

$ yarn

  6.启动项目

$ yarn  start

  7.修改配置

编辑根目录 .umirc.ts

或者自己在项目下建config文件,.umirc.ts的优先级会高于config

 


 

 
posted @   七小猪  阅读(614)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示