| |
|
|
开发:
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,根据命令提示进行下一步就可
选择y,之后会提示选择模版,创建对应文件
根据需要选择自己所需,本文中使用的是 Ant Design Pro
依旧是根据需要选择自己所需,本文中使用的是 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项目安装包指令收集 |
|
|
| 上一篇文章 下一篇文章 查看所有文章 |
|
|
开发:
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年11日历 | -2025/11/22 6:53:34- |
|
| 网站联系: qq:121756557 email:121756557@qq.com IT数码 |