[Vue]Vueのインストール

Vueの起動
1. IDE
VS Codeを選んだほうが便利ですが、自分に合ったIDEを使えばいいです.
2. Node.js
Reactと同様に、Node.jsをインストールして構築環境を構築する必要があります.
3. npm
npm(Node Package Manager)は、JavaScriptプログラミング言語のパッケージマネージャであり、JavaScriptランタイム環境Nodeである.jsの基本パッケージマネージャ.
(出典:wikipedia)
→ node.jsインストール時に自動的に一緒にインストールします!
4. Vue.jsインストール

CDN
Vue公式マニュアルでは、初めてVueを起動した人や学習目的でCDNを使用してVue開発を行うことを提案しています.

CDNとは?
コンテンツ配信ネットワーク(CDN)は、サーバ上の分散型ネットワークであり、ユーザに効率的にWebコンテンツを提供することができる.CDNは、キャッシュされたコンテンツをエンドユーザに近いエッジサーバに格納し、待ち時間を最小限に抑える.
(出典:wikipedia)
方法は簡単です!
scriptを1行追加するだけです.

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

npm,

//インストールビュー
npm install vue
//vue-cliインストール
//vue-cliはデフォルトvue開発環境を設定するツールです
npm install @vue/cli
//プロジェクトの作成
vue init webpack my-project
//プロジェクトの作成
vue create my-project
✔ここで、vue createとvue init webpackの違いは何ですか?
→ vue-cli 2.xバージョンのvue create vue-cli 3xバージョンでvue init webpackを使用する
バージョンによるコマンドの違い!やることは同じだ~
//作成したプロジェクトディレクトリに移動します.
cd my-project
//開発サーバで実行
npm run serve
実行が完了すると、vueプロジェクトのdefaultページが表示されます!