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

HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端前言 HBuilderX DCloud 推出的一款 HTML5 的 Web 开发工具 软件体积小 启动快 uni app 一个使用 Vue js 开发所有前端应用的框架 开发者编写一套代码 可发布到 iOS Android Web 响应式 以及各种小程序

欢迎大家来到IT世界,在知识的湖畔探索吧!

前言

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项目,同时支持浏览器和移动端



欢迎大家来到IT世界,在知识的湖畔探索吧!

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

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

3、修改项目文件:hello\pages\index.vue

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

欢迎大家来到IT世界,在知识的湖畔探索吧!

4、运行项目

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

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

5、预览运行效果

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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/129460.html

(0)
上一篇 1天前
下一篇 1天前

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信