首页 > 其他 > 详细

umi创建react项目

时间:2020-06-28 13:04:13      阅读:155      评论:0      收藏:0      [点我收藏+]

一、初始化react项目

  1、安装yarn(推荐使用 yarn 管理 npm 依赖)

    $ npm i yarn tyarn -g

    # 后面文档里的 yarn 换成 tyarn
    $ tyarn -v
    技术分享图片

 

   2、初始化项目

    技术分享图片

 

     当前目录结构

      技术分享图片

 

     3、安装依赖

      $ yarn install

      技术分享图片

 

     4、初始化完成,启动项目

      $ yarn start

      技术分享图片

 

       技术分享图片

 

     5、修改配置

      默认的脚手架内置了 @umijs/preset-react,包含布局、权限、国际化、dva、简易数据流等常用功能。比如想要 ant-design-pro 的布局,编辑 .umirc.ts 配置 layout: {},并且需要安装 @ant-design/pro-layout

      技术分享图片

 

       页面效果

      技术分享图片

 

       6、部署发布

        $ yarn build (构建产物默认生成到 ./dist 下,然后通过 tree 命令查看,)

        技术分享图片

 

 

         

        技术分享图片

 

       7、本地验证(发布之前,可以通过 serve 做本地验证)   

        $ yarn global add serve
        $ serve ./dist

        技术分享图片

 

         技术分享图片

 

         8、部署

          本地验证完,就可以部署了。你需要把 dist 目录部署到服务器上。

umi创建react项目

原文:https://www.cnblogs.com/wangze0608/p/13201898.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!