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中使用RGBa来调节透明度的教程
May 09 HTML / CSS
css3 pointer-events 介绍详解
Sep 18 HTML / CSS
html5的新增的标签和废除的标签简要概述
Feb 20 HTML / CSS
24个canvas基础知识小结
Dec 17 HTML / CSS
HTML5新特性之语义化标签
Oct 31 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
Feb 13 HTML / CSS
解析html5 canvas实现背景鼠标连线动态效果代码
Jun 17 HTML / CSS
html5简介及新增功能介绍
May 18 HTML / CSS
css display table 自适应高度、宽度问题的解决
May 07 HTML / CSS
css3新特性的应用示例分析
Mar 16 HTML / CSS
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
Dec 24 HTML / CSS
CSS list-style-type属性使用方法
May 21 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学习之php4与php5之间会穿梭一点点感悟
2007/05/03 PHP
Joomla调用系统自带编辑器的实现方法
2016/05/05 PHP
PHP面向对象五大原则之接口隔离原则(ISP)详解
2018/04/04 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
PHP扩展类型及安装方式解析
2020/04/27 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
JQuery中each()的使用方法说明
2010/08/19 Javascript
Jquery数独游戏解析(一)-页面布局
2010/11/05 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
微信小程序之数据绑定原理解析
2019/08/14 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
2019/11/07 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
python判断字符串是否纯数字的方法
2014/11/19 Python
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
解决Mac下首次安装pycharm无project interpreter的问题
2018/10/29 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
Python依赖包迁移到断网环境操作
2020/07/13 Python
python如何写try语句
2020/07/14 Python
英国最大的宠物食品和宠物用品网上零售商: Zooplus
2016/08/01 全球购物
德国最新街头服饰网上商店:BODYCHECK
2019/09/15 全球购物
好矿嫂事迹材料
2014/01/21 职场文书
实习介绍信范文
2015/05/05 职场文书
Pytest实现setup和teardown的详细使用详解
2021/04/17 Python
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS
django如何自定义manage.py管理命令
2021/04/27 Python
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python
SpringBoot集成Redis,并自定义对象序列化操作
2021/06/22 Java/Android
Spring整合Mybatis的全过程
2021/06/28 Java/Android
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA
DE1103使用报告
2022/04/05 无线电