前回のVuePress編1では、VuePressについての基本事項や、その他の選択肢について扱いました。今回のVuePress編2では、インストールから記事作成までの説明をします。Node.jsのパッケージ管理ツールをインストール今回はnpmを使用します。Homebrew(Macのパッケージマネージャー、いろいろインストールしてくれる便利なソフト)でNode.jsをインストールすると、パッケージ管理ツールnpmも自動でインストールされます。--versionと打って、バージョンが表示された場合は次の2に進んでください。nodeと打てば、Node.jsとnpmがインストールされます。インストール」で検索すれば、いくらでも解説記事があるので、そちらを参照してください。VuePressプロジェクトを作成するプロジェクトを作成したいディレクトリに移動して、VuePressプロジェクトを作成します。適当にプロジェクト名を決めてディレクトリを作成し、作成したディレクトリに移動してください。このデモでは、プロジェクト名をvuepress_sampeleとします。VuePressをインストール続いて、npmを利用してVuePressをインストールします。vuepress_sampeleというプロジェクトでnpmを使ってパッケージ管理をすることを宣言します。(いろいろ聞かれると思いますが、あとから変更できるので、とりあえずエンター連打で大丈夫です。答えられるものがあれば、自由に記入しても問題ありません。initpackage.jsonというファイルが生成されました。VuePressをインストールします。vuepressこれで、サイト作成の準備が(ほぼ)整いました。記事を書いてみるvuepress_sampeleディレクトリ直下に、srcというディレクトリを作成し、index.mdというマークダウンファイルを作成してください。src/index.mdこれですべての準備が整いました。srcと打ち、http://localhost:8080/にアクセスしてみてください。VuePressと表示されます。http://localhost:8080/about/というURLにaboutページを設置したい場合は、src/about/index.mdのように、src直下にaboutというディレクトリを作成し、index.mdに本文を記載してください。以後、記事はこのsrc配下に書いていくことになります。src/.vuepress/distというディレクトリが生成され、これが公開用のディレクトリです。次回のVuePress編3で、検索窓やヘッダーの追加といった、サイトをカスタマイズするための設定ファイルの書き方を説明します。