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实现质感细腻丝滑按钮
Mar 09 HTML / CSS
10个很棒的 CSS3 开发工具 推荐
May 16 HTML / CSS
巧用CSS3 border实现图片遮罩效果代码
Apr 09 HTML / CSS
在css3中background-clip属性与background-origin属性的用法介绍
Nov 13 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
Aug 22 HTML / CSS
HTML5中微数据概述及在搜索引擎中的使用举例
Feb 07 HTML / CSS
HTML5 Canvas之测试浏览器是否支持Canvas的方法
Jan 01 HTML / CSS
关于老式浏览器兼容HTML5和CSS3的问题
Jun 01 HTML / CSS
HTML5 Canvas实现360度全景图的示例代码
Jan 29 HTML / CSS
浅谈移动端网页图片预加载方案
Nov 05 HTML / CSS
Html5饼图绘制实现统计图的方法
Aug 05 HTML / CSS
如何通过 CSS 写出火焰效果
Mar 24 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实现留言板功能(会话控制)
2017/05/23 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
JavaScript中的apply和call函数详解
2014/07/20 Javascript
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
Nodejs处理异常操作示例
2018/12/25 NodeJs
vue input实现点击按钮文字增删功能示例
2019/01/29 Javascript
vue解决使用$http获取数据时报错的问题
2019/10/30 Javascript
js实现多个标题吸顶效果
2020/01/08 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
Vue中使用JsonView来展示Json树的实例代码
2020/11/16 Javascript
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
深入解析Python编程中JSON模块的使用
2015/10/15 Python
Python输出汉字字库及将文字转换为图片的方法
2016/06/04 Python
Python学习_几种存取xls/xlsx文件的方法总结
2018/05/03 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
python tkinter界面居中显示的方法
2018/10/11 Python
Python实现的银行系统模拟程序完整案例
2019/04/12 Python
总结Python图形用户界面和游戏开发知识点
2019/05/22 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
菲律宾领先的在线时尚商店:Zalora菲律宾
2018/02/08 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
在校生钳工实习自我鉴定
2013/09/19 职场文书
会计专业毕业生求职信分享
2014/01/03 职场文书
致1500米运动员广播稿
2014/02/07 职场文书
《母鸡》教学反思
2014/02/25 职场文书
餐饮投资计划书
2014/04/25 职场文书
简单的离婚协议书范本
2014/11/16 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python
mysql备份策略的实现(全量备份+增量备份)
2021/07/07 MySQL
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
MySQL如何使备份得数据保持一致
2022/05/02 MySQL