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的rem属性制作响应式页面布局的要点解析
May 24 HTML / CSS
css3动画事件—webkitAnimationEnd与计时器time事件
Jan 31 HTML / CSS
用纯css3实现的图片放大镜特效效果非常不错
Sep 02 HTML / CSS
CSS+jQuery+PHP+MySQL实现的在线答题功能
Apr 25 HTML / CSS
使用css实现android系统的loading加载动画
Jul 25 HTML / CSS
CSS3中新增的对文本和字体的设置
Feb 03 HTML / CSS
基于ccs3的timeline时间线实现方法
Apr 30 HTML / CSS
使用HTML5进行SVG矢量图形绘制的入门教程
Feb 19 HTML / CSS
HTML5声音录制/播放功能的实现代码
May 03 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
Nov 19 HTML / CSS
使用canvas对video视频某一刻截图功能
Sep 25 HTML / CSS
如何用H5实现好玩的2048小游戏
Jul 23 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编程最快明白》第六讲:Mysql数据库操作
2010/11/01 PHP
ThinkPHP3.1新特性之对分组支持的改进与完善概述
2014/06/19 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
使Ext的Template可以解析二层的json数据的方法
2007/12/22 Javascript
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
2012/11/11 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
jQuery找出网页上最高元素的方法
2015/03/20 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
2015/10/08 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
jQuery+ajax读取并解析XML文件的方法
2016/09/09 Javascript
js实现点击图片自动提交action的简单方法
2016/10/16 Javascript
简单实现vue验证码60秒倒计时功能
2017/10/11 Javascript
vue动态绑定class选中当前列表变色的方法示例
2018/12/19 Javascript
JS性能优化实现方法及优点进行
2020/08/30 Javascript
JavaScript事件循环及宏任务微任务原理解析
2020/09/02 Javascript
[02:42]岂曰无衣,与子同袍!DOTA2致敬每一位守护人
2020/02/17 DOTA
Python实现的数据结构与算法之队列详解
2015/04/22 Python
Python3解决棋盘覆盖问题的方法示例
2017/12/07 Python
Python内置模块logging用法实例分析
2018/02/12 Python
对numpy.append()里的axis的用法详解
2018/06/28 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
Python读取yaml文件的详细教程
2020/07/21 Python
Python爬取12306车次信息代码详解
2020/08/12 Python
CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
2012/12/10 HTML / CSS
乔丹诺(Giordano)酒庄德国官网:找到最好的意大利葡萄酒
2017/12/28 全球购物
香港百佳网上超级市场:PARKNSHOP.com
2020/06/10 全球购物
大型活动组织方案
2014/05/10 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
信息技术课教学反思
2016/02/23 职场文书