HTML5+开发移动app教程1-环境搭建

￡神魔★判官ぃ 2022-07-15 14:18 160阅读 0赞

# 前言 #

本教程是介绍使用[HTML5][]\+（nativejs）和mui开发移动app（包括[Android][]和[iOS][]），

感兴趣请继续，不感兴趣请跳过，大部分来自官方api，增加了一些自己的总结。

# HBuilder #

### 说明 ###

用h5+开发app的环境，也是ide，对eclipse做了深度定制，以前使用过eclipse或者myeclipse可以直接上手

### 官网 ###

[http://www.dcloud.io/][http_www.dcloud.io]

### 下载 ###

在官网上点击下载，安装好后可以自己将文件夹压缩成zip，方便以后使用，解压就可以用

### 依赖 ###

估计会需要jre环境？没有试过，如果需要请自行百度搜索jre安装方法

### 上手    ###

打开HBuilder之后默认会有一个项目“HelloHBuilder”，里面有HBuilder使用的介绍

### 快捷键 ###

HBuilder一大亮点是快捷键，但是如果习惯了自己之前的快捷键会很别扭，需要自己在工具——选项——常规——快捷键中修改

插件

HBuilder将插件做了下优化，提供了最长用的一些插件，并且使用dcloud网站下载，速度很快，eclipse自带插件安装需要翻墙

打开工具——插件安装，安装自己需要的插件，例如我安装了如下插件：

![QQ截图20150204134317.jpg][QQ_20150204134317.jpg]

# 完成 #

环境搭建就完成了，这应该是所有开发环境搭建中最简答的了。

# 更多 #

更多文章请访问：[http://uikoo9.com/blog/list][http_uikoo9.com_blog_list]

原文链接：[http://blog.csdn.net/uikoo9/article/details/43485263][http_blog.csdn.net_uikoo9_article_details_43485263]

[HTML5]: http://lib.csdn.net/base/html5
[Android]: http://lib.csdn.net/base/android
[iOS]: http://lib.csdn.net/base/ios
[http_www.dcloud.io]: http://www.dcloud.io/
[QQ_20150204134317.jpg]: http://uikoo9-ueditor.qiniudn.com/@/images/20150204/1423028593341087719.jpg
[http_uikoo9.com_blog_list]: http://uikoo9.com/blog/list
[http_blog.csdn.net_uikoo9_article_details_43485263]: http://blog.csdn.net/uikoo9/article/details/43485263

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5开发环境搭建 VSCODE安装与配置

VSCODE 安装步骤Vscode是一款轻量级html编码工具。下载、安装、启动打开下载网页 https://code.visualstudio.com/updates...

r囧r小猫/ 2024年05月31日 05:48/ 0 赞/ 85 阅读

相关测试环境搭建教程（APP+WEB）

如何搭建测试环境？这既是一道高频面试题，又是困扰很多小伙伴的难题。因为你在网上找到的大多数教程，乃至在一些培训机构的课程，都不会有详细的说明。你能找到的大多数项目，是在本机

红太狼/ 2023年09月26日 09:20/ 0 赞/ 136 阅读

相关搭建uni-app开发环境

1.检查是否安装node.js node -v 注意后一个v必须要小写 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_

待我称王封你为后i/ 2023年01月21日 05:28/ 0 赞/ 23 阅读

相关 5-1、Spark环境搭建

2、Spark环境搭建 2.1、官网下载 Spark官网地址：[http://spark.apache.org/][http_spark.apache.org]

ゝ一纸荒年。/ 2022年08月21日 03:09/ 0 赞/ 249 阅读

相关 HTML5+开发移动app教程3-mui开发示例

前言看了前面两篇内容是否有点跃跃欲试了？下面就开始一个简答的例子，以及mui相关内容 mui 官网：[http://dev.dcloud.net.

r囧r小猫/ 2022年07月15日 14:19/ 0 赞/ 212 阅读

相关 HTML5+开发移动app教程2-原理介绍

原理 [HTML5][]\+开发app的原理大概是这样： html页面负责内容； ui负责页面样式； js负责调用原生app方法。 html5 h

Bertha 。/ 2022年07月15日 14:19/ 0 赞/ 156 阅读

相关 HTML5+开发移动app教程1-环境搭建

前言本教程是介绍使用[HTML5][]\+（nativejs）和mui开发移动app（包括[Android][]和[iOS][]），感兴趣请继续，不感兴趣请跳过，大

￡神魔★判官ぃ/ 2022年07月15日 14:18/ 0 赞/ 161 阅读

相关用于HTML5移动开发的10大移动APP开发框架

今天给大家介绍10款有关 [HTML5移动开发][HTML5][APP开发][APP] 框架,这几款框架都是比较优秀的移动 Web 开发框架，能够帮助开发者更加高效的开发移动W

布满荆棘的人生/ 2022年06月14日 01:06/ 0 赞/ 241 阅读

相关 HTML5 PHP环境的搭建 (stage1-2)

今天学习PHP环境的搭建安装完了IDEA,并学习了几个表单标签的使用，接下来就要学习一下PHP环境的搭建了。 1）首先，需要下载一个XAMPP的文件在这里我百

ゞ浴缸里的玫瑰/ 2022年06月03日 10:50/ 0 赞/ 161 阅读

相关 Activiti教程(四)activiti5开发环境搭建

声明:代码来源参考 [传智播客Activiti工作流视频教程（企业开发实例讲解）][Activiti] 在此基础上改动和讲解对于JBPM做过较深入的研究和应用对于

╰+哭是因爲堅強的太久メ/ 2022年03月25日 00:52/ 0 赞/ 323 阅读