使用Umi.js配置项目

440 阅读1分钟

前提条件

首先,在开发项目之前,要确认node.js安装了并且版本号在10.13 或以上( Mac的话在可以使用nvm来管理node )

$ node -v  
$ yarn -v

image.png

新建文件夹

我们可以在桌面或自己喜欢的地方创建一个项目文件夹,命名为umi-project,使用编辑器(我在这里使用vscode)打开它,打开终端,执行一下命令:

$ npm install -g umi 或
$ yarn global add umi

image.png

在umi-project文件夹下快速创建umi-app项目,命令:

yarn create @umijs/umi-app

image.png 出现的项目目录如:

umi-app
+  |- mock                  //mock文件
+  |- src                   //src文件
+   |--.editorconfig             
+   |--.gitignore
+   |--.prettierignore
+   |--.prettierrc
+   |--.umirc.ts
+   |--package.json
+   |--README.md
+   |--tsconfig.json
+   |--typings.d.ts

安装依赖

yarn 

运行项目

yarn start 

image.png