初识Umi.JS 创建 hello world (2020.12.9)

运行环境：

node版本：14.5.1

umi版本：3.3.1

IDEA版本：2019.3

这是UmiJS约定式路由的说明

之前按照黑马ES6的教程在HelloWorld.js中是这么写的

export default () => {
    return <div>hello world</div>
}

后来发现不行，上网搜了搜改成这样

export default () => {
    return (
        <div>hello world</div>
    );
}

config文件中还是像视频里那样

export default{};

这个是当前项目的目录结构

执行运行umi的命令：umi dev

出现以下界面说明运行成功

最后的成功结果

 

具体创建UmiJS项目的步骤详情：https://www.bilibili.com/read/cv5787274/