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实现圆角效果(含IE兼容解决方法)
May 07 HTML / CSS
CSS3模拟动画下拉菜单效果
Apr 12 HTML / CSS
使用CSS变量实现炫酷惊人的悬浮效果
Apr 26 HTML / CSS
CSS实现雨滴动画效果的实例代码
Oct 08 HTML / CSS
HTML5边玩边学(3)像素和颜色
Sep 21 HTML / CSS
HTML4和HTML5之间除了相似以外的10个主要不同
Dec 13 HTML / CSS
HTML5 Canvas+JS控制电脑或手机上的摄像头实例
May 03 HTML / CSS
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
May 15 HTML / CSS
HTML5 在canvas中绘制矩形附效果图
Jun 23 HTML / CSS
html5 video全屏播放/自动播放的实现示例
Aug 06 HTML / CSS
amazeui页面分析之登录页面的示例代码
Aug 25 HTML / CSS
Canvas实现放大镜效果完整案例分析(附代码)
Nov 26 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脚本的10个技巧(6)
2006/10/09 PHP
PHP以及MYSQL日期比较方法
2012/11/29 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
php微信开发之批量生成带参数的二维码
2016/06/26 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
php 使用curl模拟ip和来源进行访问的实现方法
2017/05/02 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
js列举css中所有图标的实现代码
2011/07/04 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
js实现拖拽效果
2015/02/12 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
JQuery操作textarea,input,select,checkbox方法
2015/09/02 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
JS表格组件神器bootstrap table详解(强化版)
2016/05/26 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
最全面的JS倒计时代码
2016/09/17 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
3分钟学会一个Python小技巧
2018/11/23 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
Django 解决distinct无法去除重复数据的问题
2020/05/20 Python
Django跨域请求原理及实现代码
2020/11/14 Python
墨西哥购物网站:Elektra
2020/01/21 全球购物
法律专业实习鉴定
2013/12/22 职场文书
工业设计专业个人求职信范文
2013/12/28 职场文书
公司接待方案
2014/03/08 职场文书
互联网电子商务专业毕业生求职信
2014/03/18 职场文书
马智宇结婚主持词
2014/04/01 职场文书
售后服务承诺书模板
2014/05/21 职场文书
教师节联欢会主持词
2015/07/04 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
Java实现给Word文件添加文字水印
2022/02/15 Java/Android
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js