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 background-clip,background-origin和border-image教程
Jan 27 HTML / CSS
CSS3的transition和animation的用法实例介绍
Aug 20 HTML / CSS
CSS中越界问题的经典解决方案【推荐】
Apr 19 HTML / CSS
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
Nov 21 HTML / CSS
css3 transform过渡抖动问题解决
Oct 23 HTML / CSS
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
Apr 08 HTML / CSS
html5菜单折纸效果
Apr 22 HTML / CSS
HTML5使用drawImage()方法绘制图像
Jun 23 HTML / CSS
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
Aug 18 HTML / CSS
html5中canvas图表实现柱状图的示例
Nov 13 HTML / CSS
六种css3实现的边框过渡效果
Apr 22 HTML / CSS
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
Sep 23 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 XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
PHP中文编码小技巧
2014/12/25 PHP
PHP查询大量数据内存耗尽问题的解决方法
2016/10/28 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
简明json介绍
2008/09/28 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
javascript suggest效果 自动完成实现代码分享
2012/02/17 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
详解vue中computed 和 watch的异同
2017/06/30 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
2017/10/26 Javascript
微信小程序图表插件wx-charts用法实例详解
2019/05/20 Javascript
微信小程序 冒泡事件原理解析
2019/09/27 Javascript
浅谈vuex中store的命名空间
2019/11/08 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
python正则表达式中的括号匹配问题
2014/12/14 Python
django中静态文件配置static的方法
2018/05/20 Python
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
pytorch 获取tensor维度信息示例
2020/01/03 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
.NET概念性的面试题
2012/02/29 面试题
什么是Web Service?
2012/07/25 面试题
怎样写好创业计划书的内容
2014/02/06 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
工程质检员岗位职责
2015/04/08 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
公路施工安全责任书
2015/05/08 职场文书
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers