前言

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、修改项目文件：hellopagesindex.vue

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

4、运行项目

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

5、预览运行效果