Googleのchromeで行ってください。
利用していない場合は以下URLからダウンロードをしてください。https://www.google.com/intl/ja_jp/chrome/
適当なディレクトリに任意の名前の新規フォルダを作成し、その中に index.html という名前のファイルを作成してください。ファイルの中身は任意のテキストエディタで hello world! など適宜入力しておいてください。
3. chromeウェブストアからアプリの追加
以下URLからWeb Server for Chrome というアプリを追加してください。
https://goo.gl/q0QFjz
Chromeに追加 を押下すると以下のようなポップアップが表示されますので アプリを追加 を押下してください。
以下のようなアイコンが表示されるのでクリックすると起動します。
アプリを追加すると アプリケーション フォルダの中の Chrome アプリ という名前のフォルダにアプリが格納されますので、そちらからダブルクリックにて起動も行えます。
アプリを起動すると、以下のようなウィンドウが表示されます。
まず、ルートとなるフォルダを選択します。
CHOOSE FOLDER のボタンを押下すると、ファインダーが表示されるので 2. 新規フォルダ作成 で作成したフォルダを選択してください。
※test という名前のフォルダの場合、選択すると NO FOLDER SELECTED と表示されている部分が Current: /test と表示されます。
※下部の Options の部分は、デフォルトのままで変更する必要はありません。
Enter Port の項目にある番号を 8887 から 8080 に変更してください。
(デフォルト設定の 8887 でも行えますが、ここでは分かりやすくするために変更します。)
以下の Web Server: と記載されている左のボタンが、サーバー開始と停止の切替えボタンです。※デフォルトは開始の状態です。
ルートとなるフォルダやポート番号を変更した時は、一度停止にしてから開始にする作業を行ってください。
Web Server: STARTEDだと開始、Web Server: STOPPED だと停止の状態となります。
※デフォルトは開始の状態です。
以下の Web Server URL (s) の項目に記載されているURLをブラウザに入力してください。
以下のように 2. 新規フォルダ作成 で index.html ファイルに入力した内容が表示されれば成功です。
💡 同様に localhost:8080 とブラウザに入力しても表示されますので、mole-route を起動する際は以下コマンドのどちらでも行えます 😺
（参考: https://doc.mole-route.io/free-version/on-macos#start-command)
又は、
