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+jq创作含苞待放的荷花
Feb 20 HTML / CSS
使用CSS3中的calc()属性来以算式表达尺寸数值
Jun 06 HTML / CSS
HTML5实现视频直播功能思路详解
Nov 16 HTML / CSS
HTML5的标签的代码的简单介绍 HTML5标签的简介
May 28 HTML / CSS
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
Oct 20 HTML / CSS
HTML5+CSS3应用详解
Feb 24 HTML / CSS
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
Apr 08 HTML / CSS
浅谈html5 响应式布局
Dec 24 HTML / CSS
使用HTML5进行SVG矢量图形绘制的入门教程
Feb 19 HTML / CSS
关于老式浏览器兼容HTML5和CSS3的问题
Jun 01 HTML / CSS
Html5嵌入钉钉的实现示例
Jun 04 HTML / CSS
前端水印的简单实现代码示例
Dec 02 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初学者写及时补给skype用户充话费的小程序
2008/11/02 PHP
php数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
2011/10/29 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
Smarty保留变量用法分析
2016/05/23 PHP
PHP+iframe图片上传实现即时刷新效果
2016/11/18 PHP
Enter转换为Tab的小例子(兼容IE,Firefox)
2013/11/14 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
javascript少儿编程关于返回值的函数内容
2018/05/27 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
Vue.js组件实现选项卡以及切换特效
2019/07/24 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
jQuery实现查看图片功能
2020/12/01 jQuery
在Python中使用__slots__方法的详细教程
2015/04/28 Python
TensorFlow 实战之实现卷积神经网络的实例讲解
2018/02/26 Python
Numpy 改变数组维度的几种方法小结
2018/08/02 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
Python连接字符串过程详解
2020/01/06 Python
tensorflow的计算图总结
2020/01/12 Python
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
教师自我鉴定
2013/12/13 职场文书
2014市府办领导班子“四风问题”对照检查材料思想汇报
2014/09/24 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书
人生遥控器观后感
2015/06/11 职场文书
子女赡养老人协议书
2016/03/23 职场文书
导游词之天下银坑景区
2019/11/21 职场文书