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 animate制作绚丽的动画效果
Nov 24 HTML / CSS
详解CSS3的图层阴影和文字阴影效果使用
Jun 09 HTML / CSS
CSS3 实现童年的纸飞机
May 05 HTML / CSS
HTML5 语义化结构化规范化
Oct 17 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
Nov 07 HTML / CSS
HTML5 Canvas入门学习教程
Mar 17 HTML / CSS
HTML5 canvas基本绘图之绘制五角星
Jun 27 HTML / CSS
浅谈html5标签css3的常用样式
Oct 20 HTML / CSS
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
Dec 03 HTML / CSS
Canvas实现保存图片到本地的示例代码
Jun 28 HTML / CSS
详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
Jul 01 HTML / CSS
CSS3中Animation实现简单的手指点击动画的示例
Jul 15 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 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
2010/03/23 PHP
php实现的操作excel类详解
2016/01/15 PHP
centos 7.2下搭建LNMP环境教程
2016/11/20 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
2010/01/22 Javascript
jquery 查找新建元素代码
2010/07/06 Javascript
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
处理及遍历XML文档DOM元素属性及方法整理
2013/08/23 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
JavaScript用select实现日期控件
2015/07/17 Javascript
JS实现双击屏幕滚动效果代码
2015/10/28 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
Angular利用trackBy提升性能的方法
2018/01/26 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
2019/04/23 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
2019/09/25 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
python利用datetime模块计算时间差
2015/08/04 Python
Fiddler如何抓取手机APP数据包
2016/01/22 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
python使用pycharm环境调用opencv库
2018/02/11 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
python编写计算器功能
2019/10/25 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
解决Keras 与 Tensorflow 版本之间的兼容性问题
2020/02/07 Python
PyTorch在Windows环境搭建的方法步骤
2020/05/12 Python
Python环境管理virtualenv&virtualenvwrapper的配置详解
2020/07/01 Python
jupyter 添加不同内核的操作
2021/02/06 Python
办公室秘书自我鉴定
2014/01/18 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
2015年班主任个人工作总结
2015/03/31 职场文书