IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 使用umi搭建react项目 -> 正文阅读

[JavaScript知识库]使用umi搭建react项目

前言:根据create umi脚手架创建项目,选择Ant Design Pro的,umi默认为最高版本,里面的示例也是依照最高版本的方式所写的代码。如果个人需要低版本的umi,推荐大家使用Simple App模版去创建,然后手动将umi版本降低,去适配自己所需版本及内容。


首先我们需要先创建一个文件夹,并在小黑窗里跳转到我们新建的文件夹内,执行npm install umi命令进行安装,也可全局安装 npm install -g?umi

安装完成后,运行命令npm create umi,会提示安装create-umi,根据命令提示进行下一步就可

Need to install the following packages:
  create-umi@4.0.6
Ok to proceed? (y)

选择y,之后会提示选择模版,创建对应文件

? Pick Umi App Template ? - Use arrow-keys. Return to submit.
?Simple App
?Ant Design Pro
?Vue Simple App

根据需要选择自己所需,本文中使用的是 Ant Design Pro

? Pick Umi App Template ? Ant Design Pro
? Pick Npm Client ? - Use arrow-keys. Return to submit.
? ??npm
????cnpm
????tnpm
????yarn
????pnpm

依旧是根据需要选择自己所需,本文中使用的是 npm

? Pick Umi App Template ? Ant Design Pro
? Pick Npm Client ? npm
? Pick Npm Registry ? - Use arrow-keys. Return to submit.
? ??npm
????taobao


同样选择,本文中使用的是 npm,选择完之后,创建项目

? Pick Umi App Template ? Ant Design Pro
? Pick Npm Client ? npm
? Pick Npm Registry ? npm

...............具体如下图所示

?创建成功后,你会看到项目已经包含了所需的文件内容,配置文件、项目文件、依赖等,不过建议在手动安装一下依赖,就运行一下npm i,以防万一
具体的文件列表如下

?依照Ant Design Pro模版创建的项目,会有示例文件,npm start运行起来就可以看到了


以上是我使用umi创建项目的实践,对于模版选择中的另外两个我还没有实践过,不太清楚。

?第一个Simple App选项,创建过程跟上述一致,所创建出来的项目运行起来之后,页面展示如下:

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-07-17 16:13:49  更:2022-07-17 16:14:57 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年1日历 -2025/1/11 13:01:45-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码