HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端

前言

HBuilderX,DCloud推出的一款HTML5的Web开发工具,软件体积小,启动快。

uni-app,一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。

准备IDE HBuilderX,下载地址:https://www.dcloud.io/hbuilderx.html,当前的使用的版本是:HBuilder X 3.5.3。

创建过程

1、菜单:文件->新建->项目

HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端

2、填写项目名称及存储路径,选择对应的模板

HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端

3、修改项目文件:hellopagesindex.vue

<template> <view class="container"> <view class="intro">HelloWorld~</view> <text class="intro">佚名今人</text> </view></template>

4、运行项目

HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端

注: 第一次运行会自动安装插件~

5、预览运行效果

HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年3月17日 上午10:07
下一篇 2023年3月17日 上午10:23

相关推荐