初心者の 【Vue.js】

WindowsでVueを使用してサイトを作る為、準備した事を備忘として記録します。

• Vue.jsとは？
  「Vue.js」とは、JavaScriptを利用してWebページを構築できるフレームワークです。
  利点はシンプル設計(覚えやすい)である事、拡張性の高さ(使いやすい)が挙げられます。

• 開発に必要な準備
  Vue.jsには「Vue CLI」というビルドツールが用意されていますのでこちらを使用します。
  下記の手順で準備を行います。

  • Node.jsのインストール

    1. 公式サイトよりインストーラ(推奨版)をダウンロードします。
       https://nodejs.org/ja/
    2. インストーラ(node-*.msi)を実行してインストールします。

  • Vue CLIのインストール

    1. コマンドプロンプトで下記を実行します。
       npm install -g @vue/cli

  • Vue cli-service-globalのインストール

    1. コマンドプロンプトで下記を実行します。
       npm install -g @vue/cli-service-global

  • プロジェクトを作成

    1. コマンドプロンプトでテストページを作成する階層に移動します。
       cd */*...
    2. コマンドプロンプトでプロジェクトを作成します。
       vue create test

  • プロジェクトを起動

    1. コマンドプロンプトで前項で作成したディレクトリに移動します。
       cd test
    2. コマンドプロンプトでプロジェクトを起動します。
       vue serve

「コンパイル完了」のメッセージが出て、準備としてはこちらで完了になります。
下記にアクセスするとプロジェクトのスタート画面が表示されました。
http://localhost:8080/

実際にソースをどのように書いて行くのかは、また別記事に書き起こそうと思います。