开始使用Amaze UI
1.获取Amaze UI
1.1下载文件
首先打开百度输入:Amaze UI -->找到Amaze UI官网 -->点击开始使用 -->下载文件"Amaze UI v2.2.1" 和"Sublime"代码片段 (至于Sublime Text是一个高级记事本,大家在百度一搜便可知道,另外下载就好了,)。
1.2将下载好的Sublime代码片段添加到Sublime Text编辑器中
1.2.1下面圈起来的是下载好的Amaze UI v2.2.1和Sublime代码片段文件如图
1.2.2打开Sublime Text编辑器
1.2.2.1创建一个新的html
1.2.2.2在菜单栏中选择:Preferences -->Browse Packages打开
1.2.2.3打开后是如下界面(这是Sublime Text的安装目录文件夹)
、
1.2.2.4将下载好的SublimeText代码片段文件夹复制到如上图所在的目录下,并且重命名为:AmazeUI (注意大小写)
1.2.2.5在Sublime Text编辑器中新建的html文件中输入:am-html -->然后按键盘的tab键,会出现如下图
1.2.2.6找到body下的div层,在里面开发你想要的代码:如hello word
1.2.2.7右键选择Open in Browser打开
1.2.2.8在浏览器中就会看到你所写的hello word
到这里Amaze UI环境和一个简单的hello word就搭建好了......
到此这篇关于AmazeUI框架搭建的方法步骤(图文)的文章就介绍到这了,更多相关AmazeUI框架搭建内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
最近在做一评论功能,需要能够评论表情,那 contentEditable 这个属性就首当其冲...
实现原理 主要图形的组成元素由背景和前景图两个元素,以下示例代码中,背景元素...
Dreamweaver中想要给文字添加阴影,该怎么添加多个阴影呢?下面我们就来看看详细...
WML 页面通常称为 \"deck\"。每个 deck 含有一系列的 card。card 元素可包含文本...
前言 There are a thousand Hamlets in a thousand people's eyes. 一千个程序员...
概念介绍 : 1、px (pixel,像素): 是一个虚拟长度单位,是计算机系统的数字化...
前言 不知道小伙伴们是否有这样的体验,本地开发项目调试时一切正常,一旦发布到...
今天给大家讲一下清楚浮动,在讲清除浮动前,需要了解什么是浮动,这里我就不给...
本文学习的内容主要如下所示: 1.浏览器支持 2.图片 3.响应式工具 4.遇到的问题 ...
设计师要懂心理学读书笔记 设计师要懂心理学这本书很有趣,首先它很简单,任何对...