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中display属性的Flex布局的方法
Aug 14 HTML / CSS
css3实现蒙版弹幕功能
Jun 18 HTML / CSS
html5新增的定时器requestAnimationFrame实现进度条功能
Dec 13 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
Oct 17 HTML / CSS
突袭HTML5之Javascript API扩展3—本地存储全新体验
Jan 31 HTML / CSS
HTML5 预加载让页面得以快速呈现
Aug 13 HTML / CSS
HTML5实现锚点时请使用id取代name
Sep 06 HTML / CSS
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
May 07 HTML / CSS
深入探究HTML5的History API
Jul 09 HTML / CSS
使用placeholder属性设置input文本框的提示信息
Feb 19 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
Jul 03 HTML / CSS
HTML中的表格元素介绍
Feb 28 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性能优化 产生高度优化代码
2011/07/22 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
php生成扇形比例图实例
2013/11/06 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
ExtJS TabPanel beforeremove beforeclose使用说明
2010/03/31 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
js图片向右一张张滚动效果实例代码
2013/11/23 Javascript
基于OL2实现百度地图ABCD marker的效果
2015/10/01 Javascript
CSS或者JS实现鼠标悬停显示另一元素
2016/01/22 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
2016/05/23 Javascript
基于jquery二维码生成插件qrcode
2017/01/07 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
微信小程序wx:for和wx:for-item的用法详解
2018/04/01 Javascript
JavaScript之实现一个简单的Vue示例
2019/01/17 Javascript
vue组件之间的数据传递方法详解
2019/04/19 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
2020/08/11 Javascript
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
python3基于TCP实现CS架构文件传输
2018/07/28 Python
深入学习python多线程与GIL
2019/08/26 Python
浅谈Python类中的self到底是干啥的
2019/11/11 Python
使用jupyter Nodebook查看函数或方法的参数以及使用情况
2020/04/14 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
2014年党课学习材料
2014/05/11 职场文书
生物科学专业自荐书
2014/06/20 职场文书
2014年就业工作总结
2014/11/26 职场文书
银行稽核岗位职责
2015/04/13 职场文书