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

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

技术教程gslnedu2025-06-13 6:50:253A+A-

前言

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、菜单:文件->新建->项目

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

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

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

4、运行项目

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

5、预览运行效果

点击这里复制本文地址 以上内容由朽木教程网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
qrcode

朽木教程网 © All Rights Reserved.  蜀ICP备2024111239号-8