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 自定义字体font-face使用介绍
May 14 HTML / CSS
css3实现的多级渐变下拉菜单导航效果代码
Aug 31 HTML / CSS
CSS3圆角和渐变2种常用功能详解
Jan 06 HTML / CSS
css3 利用transform打造走动的2D时钟
Oct 20 HTML / CSS
HTML5 Canvas图像模糊完美解决办法
Feb 06 HTML / CSS
HTML5+JS实现俄罗斯方块原理及具体步骤
Nov 29 HTML / CSS
使用HTML5的表单验证的简单示例
Sep 09 HTML / CSS
HTML5移动端开发中的Viewport标签及相关CSS用法解析
Apr 15 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
Jan 29 HTML / CSS
html5 canvas的绘制文本自动换行的示例代码
Sep 17 HTML / CSS
用position:sticky完美解决小程序吸顶问题的实现方法
Apr 24 HTML / CSS
el-form每行显示两列底部按钮居中效果的实现
Aug 05 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设计模式之单例模式使用示例
2014/01/20 PHP
php 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
JavaScript函数、方法、对象代码
2008/10/29 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
详解如何在Javascript中使用Object.freeze()
2020/10/18 Javascript
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
Python3写入文件常用方法实例分析
2015/05/22 Python
python调用百度地图WEB服务API获取地点对应坐标值
2019/01/16 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
菲律宾最大的网上花店和礼品店:PhilFlower.com
2018/02/09 全球购物
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
应届毕业生就业自荐信
2013/10/26 职场文书
情况说明书格式范文
2014/05/06 职场文书
人大调研汇报材料
2014/08/14 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
整脏治乱工作简报
2015/07/21 职场文书
2016教师节感恩话语
2015/12/09 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书
关于感恩的作文
2019/08/26 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android
Java使用HttpClient实现文件下载
2022/08/14 Java/Android