首先附上官网链接:https://umijs.org/zh-CN/,我们按照官网介绍实现简单的项目初始化
-
准备环境,官网推荐node版本在10.13以上,我的是
node=14.16.0
,npm=6.14.11
(我使用的是nvm包管理器,管理node版本十分方便)
-
官网推荐用yarn来管理依赖,并使用国内源,到那时我觉得没必要,反正都能用,我还是只安装了yarn:
npm install yarn -g
-
创建项目,先建个空文件夹,我的名字是
UmiJS-Study
,这里可以取自己想要的名字,我的项目使用git进行管理的,所以有个.gitignore,一般本地可以不用这个文件
-
在这个文件夹下打开终端,输入
yarn create @umijs/umi-app
或者npx @umijs/create-umi-app
创建项目
-
我们可以看见现在没有node_modules所以需要安装依赖,输入
yarn
或者yarn install
,安装成功后会有node_modules以及成功提示
-
运行项目,输入
yarn start
,编译成功后打开http://localhost:8000/,出现下面页面,则是初始化成功
好了,到了这一步UmiJS的项目初始化就成功了,接下来学习UmiJS的具体用法