软件教程 2025年06月7日
0 收藏 0 点赞 895 浏览 345 个字
摘要 :

HBuilder不仅是一款可以用来开发跨平台APP的工具,也是一款优秀的可以用来开发WEB项目的工具,特别适用于开发Vue-JS项目。 本文主要介绍如何使用HBuilderX来创建、编译、……

HBuilder不仅是一款可以用来开发跨平台APP的工具,也是一款优秀的可以用来开发WEB项目的工具,特别适用于开发Vue-JS项目。 本文主要介绍如何使用HBuilderX来创建、编译、发布一个基于Element-UI的WEB项目。

使用HBuilderX开发element-ui项目

一、操作步骤

新建项目:选择element-starter模板:

使用HBuilderX开发element-ui项目

等待下载模板成功。

二、编译测试运行

点运行-运行到终端-npm run dev

使用HBuilderX开发element-ui项目

根据编译提示,可以在浏览器打开测试界面:

使用HBuilderX开发element-ui项目

三、编译发布

点 运行-运行到终端-npm run build,这时可能会报错。

使用HBuilderX开发element-ui项目

在项目根目录下新建 .babelrc文件,输入以下内容:

使用HBuilderX开发element-ui项目


再次运行npm run build,可以成功编译输出到dist文件夹。

使用HBuilderX开发element-ui项目

如果要改变输出位置,可以修改 webpack.config.js下的 output.path值。


微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.zuozi.net/3154.html

管理员

相关推荐
2025-08-06

文章目录 一、Promise基础回顾 二、Promise 与 axios 结合使用场景及方法 (一)直接返回 axios …

296
2025-08-06

文章目录 一、模块初始化时的内部机制 二、常见导出写法的差异分析 (一)写法一:module.exports…

139
2025-08-06

文章目录 一、ResizeObserver详解 (一)ResizeObserver是什么 (二)ResizeObserver的基本用法 …

712
2025-08-06

文章目录 一、前期准备工作 (一)下载相关文件 (二)安装必要工具 二、处理扣子空间生成的文件…

366
2025-08-06

文章目录 一、官方文档 二、自动解包的数据类型 ref对象:无需.value即可访问 reactive对象:保持…

387
2025-08-06

文章目录 一、Hooks的工作原理 二、在if语句中使用Hook会出什么岔子? 三、React官方的Hook使用规…

870
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:08:00-23:00

客服QQ

122325244

客服电话

400-888-8888

客服邮箱

122325244@qq.com

扫描二维码

关注微信客服号