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的transition属性详解
Dec 15 HTML / CSS
全方位了解CSS3的Regions扩展
Aug 07 HTML / CSS
css3 实现圆形旋转倒计时
Feb 24 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
Mar 01 HTML / CSS
canvas烟花特效锦集
Jan 17 HTML / CSS
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
Jun 04 HTML / CSS
HTML5验证以及日期显示的实现详解
Jul 05 HTML / CSS
在HTML5中使用MathML数学公式的简单讲解
Feb 19 HTML / CSS
详解HTML5中的拖放事件(Drag 和 drop)
Nov 14 HTML / CSS
详解CSS开发过程中的20个快速提升技巧
May 21 HTML / CSS
浅谈CSS不规则边框的生成方案
May 25 HTML / CSS
CSS3中Animation实现简单的手指点击动画的示例
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
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
PHP中实现Bloom Filter算法
2015/03/30 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
Laravel+Intervention实现上传图片功能示例
2019/07/09 PHP
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
用户代理字符串userAgent可实现的四个识别
2015/09/20 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
seajs模块压缩问题与解决方法实例分析
2017/10/10 Javascript
使用Node.js实现ORM的一种思路详解(图文)
2017/10/24 Javascript
写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
[13:38]2015国际邀请赛中国战队出征仪式
2015/05/29 DOTA
[42:20]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
简单了解python的内存管理机制
2019/07/08 Python
Python调用OpenCV实现图像平滑代码实例
2020/06/19 Python
python让函数不返回结果的方法
2020/06/22 Python
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
机关门卫岗位职责
2013/12/30 职场文书
保健品市场营销方案
2014/03/31 职场文书
网站客服岗位职责
2014/04/05 职场文书
访谈节目策划方案
2014/05/15 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
表扬信范文
2015/05/04 职场文书
导游词之昭君岛
2020/01/17 职场文书
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫