DockerToolboxでVuePressのローカル環境を作る(windows)

使用するのは 以下の２点を準備してください。

DockerToolbox docs.docker.com

動作確認用のプロジェクトファイル github.com

次にToolboxをインストールします その後、Kitematicというアプリを立ち上げ vuepressで検索をかけて「vuepressbuilder」をインストールします。 https://hub.docker.com/r/fitforme/vuepressbuilder/

EXECからコンソールを立ち上げます。

/ # vuepree

でコマンドの使い方が表示されるはずです。 インストールされていることが確認出来たら、 マウントされているdocsフォルダに上記のvue-press-demoディレクトリをgitなりzipで保存します。次に開発サーバを立ち上げます。docsアイコンをクリックするとマウント先のフォルダが 表示されます。

/ # vuepress dev vue-press-demo-master

コンパイルが完了したら localhost:8080で開発サーバーが起動しているはずですので、 ホストPCからアクセスできるように設定します。

KitematicのsettingsタブのHostname/Portsから Docker Port:8080 Publish IP: Portを任意のポートに設定します。

これでホストPCからブラウザでアクセスするとVuePressが扱えるように なっているはずです。