• HBuilder完成webApp入门(2)


    一、HBuilder的下载地址:http://www.dcloud.io/,点击那个“DownLoad”就可以 了

    二、假设一切顺利,启动HBuilder后,大家会看到如下的界面

    点击新建移动APP:

    接下来就会弹出一个选择模板的对话框:

     

    默认的模板选项是“空模板”。不包含任何的HBuilder提供的画面组件,要选择“mui项目”。它包含了 mui (默认提供的画面组件,也就是CSS 和 Javascript)。

    是不是不知道MUI是什么了(简单介绍一下:最接近原生APP体验的高性能前端框架 具体内容见http://dev.dcloud.net.cn/mui/

    在起个项目名字就ok啦。

    三、简介一下工具类

        建好工程以后左边栏会显示一些文件,如下所示:

       

    其中index.html 是入口文件。 css 是样式表目录,fonts 是字体目录, js 是 javascript目录,这三个目录是 mui 自带的。

    manifest.json 是配置文件,也就是你的APP的配置文件,例如入口文件的指定,图标的指定。

    四、连接手机启动APP

         将手机连接到电脑,打开开发者选项。

        然后点击上边工具栏的:

    接下来就可以看到手机上运行了你的APP。当然,因为什么也没有,画面是一片空白。如果手机链接不上,请查看:http://ask.dcloud.net.cn/docs#http://ask.dcloud.net.cn/article/97

    到此为止,我们已经可以在手机上运行APP了,走出了第一步。

  • 相关阅读:
    【题解】UOJ61. 【UR #5】怎样更有力气
    【题解】Kruskal重构树——[NOI2018] 归程
    图论补档——KM算法+稳定婚姻问题
    NOIP2018 提高组题解
    杂物
    朱刘算法学习笔记
    文化课の疑难杂症
    FHQ简要笔记
    题解 AT3877 【[ARC089C] GraphXY】
    CSP-S 2020 退役记
  • 原文地址:https://www.cnblogs.com/lyn940208/p/6013636.html
Copyright © 2020-2023  润新知