html5框架如何快速搭建,AmazeUI框架搭建的方法步骤(图文)

开始使用Amaze UI

1.获取Amaze UI

1.1下载文件

首先打开百度输入:Amaze UI -->找到Amaze UI官网 -->点击开始使用 -->下载文件"Amaze UI v2.2.1" 和"Sublime"代码片段     (至于Sublime Text是一个高级记事本,大家在百度一搜便可知道,另外下载就好了,)。

f7beaf8da9c32ba4b0a426ce9a4daf5e.png

fd3f7d0a2fa93b4888679aded9e0306f.png

89a6b907c757a4c65beaece57303e96d.png

cff8cd46d49938df97987ad207ad7492.png

1.2将下载好的Sublime代码片段添加到Sublime Text编辑器中

1.2.1下面圈起来的是下载好的Amaze UI v2.2.1和Sublime代码片段文件如图

7608a24c964be07595b5688f8bbab9d3.png

1.2.2打开Sublime Text编辑器

aba1ba51f65badb79b176e977976fab8.png

1.2.2.1创建一个新的html

b8d2689f12a5746326b0d1e316e43554.png

1.2.2.2在菜单栏中选择:Preferences -->Browse Packages打开

4d271b7541110c597408929c62e2db63.png

1.2.2.3打开后是如下界面(这是Sublime Text的安装目录文件夹)

62e7bc4f4613888ce0c74db225eb19bf.png

1.2.2.4将下载好的SublimeText代码片段文件夹复制到如上图所在的目录下,并且重命名为:AmazeUI  (注意大小写)

eab68217901bd3148f9c4dbbabea02be.png

5db17502539b4c13c83d4372efa59b1c.png

1.2.2.5在Sublime Text编辑器中新建的html文件中输入:am-html   -->然后按键盘的tab键,会出现如下图

2f62a23d17dd17f2617dab99259335bc.png

f7fc95ddd95771ea49838ea7a13e2c56.png

1.2.2.6找到body下的div层,在里面开发你想要的代码:如hello word

11d0b7798f14c82b9fc89b92ff3fe8a1.png

1.2.2.7右键选择Open in Browser打开

dffc1d0b82e4e33f371a66e3a696cbd1.png

1.2.2.8在浏览器中就会看到你所写的hello word

85dfa539c8ba220cd3f7ac22c5ff547b.png

到这里Amaze UI环境和一个简单的hello word就搭建好了......

到此这篇关于AmazeUI框架搭建的方法步骤(图文)的文章就介绍到这了,更多相关AmazeUI框架搭建内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值