欢迎来到源码码网
帮助中心

源码码网

热门搜索: 淘宝客    商城小程序   
免费发布需求
免费发布商品

使用HBuilderX开发element-ui项目

  • 时间:2020-10-08 20:08 编辑:admin 来源:源码码网 阅读:194
  • 扫一扫,手机访问
摘要:HBuilder不仅是一款可以用来开发跨平台APP的工具,也是一款优秀的可以用来开发WEB项目的工具,特别适用于开发Vue-JS项目。 本文主要介绍如何使用HBuilderX来创建、编译、发布一个基于Element-UI的WEB项目。

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

HbuilderX


一、操作步骤

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

HbuilderX


等待下载模板成功。

二、编译测试运行

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

HbuilderX

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

HbuilderX


三、编译发布

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

HbuilderX


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

HbuilderX


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

HbuilderX

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


  • 全部评论(0)
上一篇:已是第一篇内容
下一篇:vue 项目上线配置教程
最新发布的资讯信息
【开发工具|建站cms】优客365开源导航网址源码1.4.8版本下载(2020-10-19 20:36)
【开发工具|建站cms】米拓CMS MetInfo7.2.0开源版本下载(2020-10-19 18:01)
【开发工具|建站cms】CmsEasy7.6.9.3开源版本下载(2020-10-19 17:48)
【开发工具|建站cms】帝国CMS7.5版本下载安装(2020-10-19 17:41)
【建站技巧|网站运营】帝国CMS7.5数据库恢复后后台登录提示账号或密码错误怎么解决(2020-10-19 17:27)
【开发工具|Android开发工具】android-ndk-r11b-windows-x86_64下载(2020-10-15 22:10)
【开发工具|Android开发工具】Android开发工具Android studio3.0版本下载(2020-10-15 22:06)
【开发工具|Android开发工具】Android studio3.5.2版本下载地址(2020-10-15 22:02)
【开发工具|java开发工具】java jdk8下载jdk-8u191-linux-x64下载(2020-10-15 21:57)
【开发工具|Android开发工具】Android开发 gradle-4.6-all版本下载(2020-10-15 21:52)
联系我们

QQ:2494243972、1105326722

投诉举报:1105326722@qq.com

广告合作:QQ 110532672

源码码网手机版二维码
联系客服
手机版
源码码网手机版二维码
扫一扫进手机版
返回顶部