VueCLIをインストール！ ❏Vue.js❏

Vue.jsを開発するにあたって、VueCLIをインストールしていきます。

【手順0】Node.jsをダウンロード

既に入ってる人はスルー
公式からダウンロードします。

https://nodejs.org/ja/

【手順１】VueCLIをインストール

ターミナル

$ npm install -g @vue/cli

-gはグローバルオプションで、このファイルだけでなく全体で使えるよーっていう意味です。

エラーが出た場合はこちらの記事を参考にしてみてください。

https://qiita.com/okohs/items/ced3c3de30af1035242d

【確認】

ターミナル

$ vue --version

@vue/cli 4.1.1

【手順２】新プロジェクトを作成

ターミナル

$ vue create manbowjs

Vue CLI v4.1.1
? Please pick a preset: (Use arrow keys)
❯ default (babel, eslint)  #初心者はデフォルトでEnter
  Manually select features 

無事manbowjsディレクトリができました。

【手順３】開発用サーバーをたてる

ターミナル

$ npm run serve

 DONE  Compiled successfully in 3544ms                                                                                                                          22:41:36

  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://172.20.10.2:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

あとは開発するだけ！

ではまた！