開始使用Amaze UI
1.獲取Amaze UI
1.1下載文件
首先打開百度輸入:Amaze UI -->找到Amaze UI官網 -->點擊開始使用 -->下載文件"Amaze UI v2.2.1" 和"Sublime"代碼片段 (至于Sublime Text是一個高級記事本,大家在百度一搜便可知道,另外下載就好了,)。
![](/d/20211016/a509258be4c070ba814e81553087d12d.gif)
![](/d/20211016/08daab2bd510c35be1282688ecbf3426.gif)
![](/d/20211016/03dcd1e87d4a8474540a73e1ec6e5a68.gif)
![](/d/20211016/be51494b515507440f2acf2792bfae5b.gif)
1.2將下載好的Sublime代碼片段添加到Sublime Text編輯器中
1.2.1下面圈起來的是下載好的Amaze UI v2.2.1和Sublime代碼片段文件如圖
![](/d/20211016/d53f3165deeaa9f0703e9a679f1383ff.gif)
1.2.2打開Sublime Text編輯器
![](/d/20211016/91f6f86985554245b888c9d455b35632.gif)
1.2.2.1創(chuàng)建一個新的html
![](/d/20211016/469c6a20a07805bfc70b708ad4ef511e.gif)
1.2.2.2在菜單欄中選擇:Preferences -->Browse Packages打開
![](/d/20211016/d0c5828a012df660f203e344ee5be604.gif)
1.2.2.3打開后是如下界面(這是Sublime Text的安裝目錄文件夾)
、
1.2.2.4將下載好的SublimeText代碼片段文件夾復制到如上圖所在的目錄下,并且重命名為:AmazeUI (注意大小寫)
![](/d/20211016/f5ceab5f8d083ccb8ef8da8c1e98edf5.gif)
![](/d/20211016/8892af8b70dbb03b0acf9cad32de3777.gif)
1.2.2.5在Sublime Text編輯器中新建的html文件中輸入:am-html -->然后按鍵盤的tab鍵,會出現如下圖
![](/d/20211016/08b049d3539dd3ea496e9a3d31c66ab4.gif)
![](/d/20211016/c226bc888f7f2d51aa7ec59e501d6e7f.gif)
1.2.2.6找到body下的div層,在里面開發(fā)你想要的代碼:如hello word
![](/d/20211016/6b61a78fc351ab56814bbebf66a1180c.gif)
1.2.2.7右鍵選擇Open in Browser打開
![](/d/20211016/389fffdd2a63e343808df883b8a1a755.gif)
1.2.2.8在瀏覽器中就會看到你所寫的hello word
![](/d/20211016/649bc23034f46c225e19b013d762aa8f.gif)
到這里Amaze UI環(huán)境和一個簡單的hello word就搭建好了......
到此這篇關于AmazeUI框架搭建的方法步驟(圖文)的文章就介紹到這了,更多相關AmazeUI框架搭建內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持腳本之家!