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 按钮 利用css3实现超酷下载按钮
Mar 18 HTML / CSS
CSS中的字体大小设置属性总结
May 24 HTML / CSS
CSS3实现王者匹配时的粒子动画效果
Apr 12 HTML / CSS
详解Html5中video标签那些属性和方法
Jul 01 HTML / CSS
HTML5安全介绍之内容安全策略(CSP)简介
Jul 10 HTML / CSS
HTML5里的placeholder属性使用实例和美化显示效果的方法
Apr 23 HTML / CSS
使用html5 canvas创建太空游戏的示例
May 08 HTML / CSS
详解HTML5中的Communication API基本使用方法
Jan 29 HTML / CSS
基于HTML5+Webkit实现树叶飘落动画
Dec 28 HTML / CSS
css 中多种边框的实现小窍门
Apr 07 HTML / CSS
纯CSS如何禁止用户复制网页的内容
Nov 01 HTML / CSS
纯CSS实现一个简单步骤条的示例代码
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
详解WordPress开发中wp_title()函数的用法
2016/01/07 PHP
php远程下载类分享
2016/04/13 PHP
Laravel 6.2 中添加了可调用容器对象的方法
2019/10/22 PHP
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
js中方法重载如何实现?以及函数的参数问题
2013/08/01 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
省市区三级联动下拉框菜单javascript版
2015/08/11 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
实现easyui的datagrid导出为excel的示例代码
2016/11/10 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
Python 图像对比度增强的几种方法(小结)
2019/09/25 Python
Python操作列表常用方法实例小结【创建、遍历、统计、切片等】
2019/10/25 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
Python定义一个函数的方法
2020/06/15 Python
详细分析Python垃圾回收机制
2020/07/01 Python
python request 模块详细介绍
2020/11/10 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
方太官方网上商城:销售方太抽油烟机、燃气灶、消毒柜等
2017/01/17 全球购物
经管应届生求职信
2013/11/17 职场文书
工作室成员个人发展规划范文
2014/01/24 职场文书
关于爱国的标语
2014/06/24 职场文书
2014领导干部学习焦裕禄同志先进事迹思想汇报
2014/09/19 职场文书
2014小学年度工作总结
2014/12/20 职场文书
教师个人学习总结
2015/02/11 职场文书
2016公司年会通知范文
2015/04/25 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
作文之亲情600字
2019/09/23 职场文书
我的收音机情缘
2022/04/05 无线电