メソッドステップを構築するフレームワーク「AmazeUI」（グラフィック）

Amaze UIを使い始める

1. Amaze UIを取得する  

1.1 ファイルをダウンロードする

まずBaiduを開き、Amaze UIと入力 --> Amaze UIの公式サイトを発見 --> Startをクリック --> ファイル「Amaze UI v2.2.1」とコードスニペット「Sublime」をダウンロード (Sublime Textについては、高機能メモ帳なのでBaiduで検索して別途ダウンロードしてください).

画像

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 メニューバーで、選択します。環境設定」→「パッケージの参照」を選択すると

画像

1.2.2.3は以下のような画面で開きます（Sublime Textのインストールディレクトリのフォルダです）。

画像

1.2.2.4 ダウンロードしたSublimeTextのコードスニペットフォルダを上記のディレクトリにコピーし、名前を:AmazeUIに変更します（大文字と小文字を区別します）。

1.2.2.5 Sublime Textエディタで新しいhtmlファイルを作成し、キーボードのタブキーを押しながら :am-html --> と入力すると、次のような画像が表示されます。

1.2.2.6 bodyの下にあるdivレイヤーを探し、その中に必要なコードを展開する 例：hello word

1.2.2.7 右クリックし、「ブラウザで開く」を選択すると、次のように表示されます。

1.2.2.8 書いたハローワードがブラウザに表示されるようになる

AmazeのUI環境と簡単なハローワードのセットアップを紹介します .... 

この記事はAmazeUIフレームワーク構築方法の手順（図）を紹介し、より関連するAmazeUIフレームワーク構築内容は、スクリプトホームの過去の記事を検索するか、以下の関連記事を引き続き閲覧してください、私はあなたが将来的にスクリプトホームをよりサポートすることを願っています！。