AmazeUI框架搭建的方法步骤(图文)


Posted in HTML / CSS onAugust 17, 2020

开始使用Amaze UI

1.获取Amaze UI  

1.1下载文件

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

AmazeUI框架搭建的方法步骤(图文)

AmazeUI框架搭建的方法步骤(图文)

AmazeUI框架搭建的方法步骤(图文)

AmazeUI框架搭建的方法步骤(图文)

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

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

AmazeUI框架搭建的方法步骤(图文)

1.2.2打开Sublime Text编辑器

AmazeUI框架搭建的方法步骤(图文)

1.2.2.1创建一个新的html

AmazeUI框架搭建的方法步骤(图文)

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

AmazeUI框架搭建的方法步骤(图文)

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

AmazeUI框架搭建的方法步骤(图文)

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

AmazeUI框架搭建的方法步骤(图文)

AmazeUI框架搭建的方法步骤(图文)

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

AmazeUI框架搭建的方法步骤(图文)

AmazeUI框架搭建的方法步骤(图文)

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

AmazeUI框架搭建的方法步骤(图文)

1.2.2.7右键选择Open in Browser打开

AmazeUI框架搭建的方法步骤(图文)

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

AmazeUI框架搭建的方法步骤(图文)

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

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

HTML / CSS 相关文章推荐
css3的@media属性实现页面响应式布局示例代码
Feb 10 HTML / CSS
纯CSS3实现的8种Loading动画效果
Jul 05 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(一)
Jan 21 HTML / CSS
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
Feb 28 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
Mar 25 HTML / CSS
HTML最新标准HTML5总结(必看)
Jun 13 HTML / CSS
使用canvas压缩图片上传的方法示例
Feb 07 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
Jul 03 HTML / CSS
Canvas在超级玛丽游戏中的应用详解
Feb 06 HTML / CSS
奇妙的 CSS shapes(CSS图形)
Apr 05 HTML / CSS
CSS控制继承中的height能变为可继承吗
Jun 10 HTML / CSS
AmazeUI 面板的实现示例
Aug 17 #HTML / CSS
AmazeUI 列表的实现示例
Aug 17 #HTML / CSS
详解如何使用rem或viewport进行移动端适配
Aug 14 #HTML / CSS
AmazeUI 导航条的实现示例
Aug 14 #HTML / CSS
AmazeUI导航的示例代码
Aug 14 #HTML / CSS
AmazeUI 输入框组的示例代码
Aug 14 #HTML / CSS
网站性能延迟加载图像的五种技巧(小结)
Aug 13 #HTML / CSS
You might like
php 需要掌握的东西 不做浮躁的人
2009/12/28 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
js中return false(阻止)的用法
2013/08/14 Javascript
使用js显示当前时间示例
2014/03/02 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
全面解析Bootstrap布局组件应用
2016/02/22 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
2016/05/26 Javascript
jquery html5 视频播放控制代码
2016/11/06 Javascript
js实现省市级联效果分享
2017/08/10 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
vue中使用props传值的方法
2019/05/08 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
[01:40]2014DOTA2国际邀请赛 三冰SOLO赛后采访恶搞
2014/07/09 DOTA
python正则表达式re模块详细介绍
2014/05/29 Python
Python利用pandas计算多个CSV文件数据值的实例
2018/04/19 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
对python中Json与object转化的方法详解
2018/12/31 Python
Python中正则表达式的用法总结
2019/02/22 Python
python读取word 中指定位置的表格及表格数据
2019/10/23 Python
python sklearn包——混淆矩阵、分类报告等自动生成方式
2020/02/28 Python
Django中FilePathField字段的用法
2020/05/21 Python
Python基于Webhook实现github自动化部署
2020/11/28 Python
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
html5构建触屏网站之网站尺寸探讨
2013/01/07 HTML / CSS
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
澳大利亚买卖正宗二手奢侈品交易平台:Luxe.It.Fwd
2019/10/16 全球购物
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/04/11 面试题
2014年惩防体系建设工作总结
2014/12/01 职场文书
导游词之西湖雷峰塔
2019/09/18 职场文书
Python探索生命起源 matplotlib细胞自动机动画演示
2022/04/21 Python
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android