vue.jsの開発環境構築

はじめに

初投稿です。まずはVue.jsの開発環境構築のメモを残しておきます。
普段は、eclipseを用いてJava開発をしています。フロントエンドの開発を行うために
色々と他のQiitaの投稿やブログを参考にさせていただきました。
認識誤りなどありましたら、ご指摘ください。

資材一覧

• node.js : https://nodejs.org/ja/
• npm ※node.jsに同梱されています。
• Visual Studio Code : https://code.visualstudio.com/
• GitHub : https://github.co.jp/
• GitHub Desktop : https://desktop.github.com/

node.jsはvue.jsにて作成したアプリをビルドして動かすために使います。
npmはwebpackなどモジュール追加、管理に使用します。
Visual Studio Codeはエディタ、デバッグツールとして使います。
GitHubはバージョン管理ツールのGitを提供しているサービスです。無料で使えます。
GitHub Desktopはデスクトップアプリにて、GitHubにアクセスできるツールです。
わざわざブラウザでログインしなくてよいので楽です。

環境構築

基本的には資材一覧に記載したものをダウンロード、インストールするだけです。
Javaのように環境変数にPATHを追加するなども不要です。
VueとVue-CLIをインストールをnpmでインストールします。

$ npm install vue
$ npm install vue-cli

インストールはこれで終わりです。
最後にプロジェクト作成です。

$ vue init webpack [任意のプロジェクト名]

参考にしたページ

Vue公式 : https://jp.vuejs.org/
Vue.js を vue-cli を使ってシンプルにはじめてみる : https://qiita.com/567000/items/dde495d6a8ad1c25fa43
サーバーサイドJavaエンジニアがVue.jsの基本を学習したときのメモ : https://qiita.com/rubytomato@github/items/056199b994bb94efb8c0