はじめに

1ヶ月間ほどVue.jsを使い、
ポートフォリオとなるものを制作していました。
今まではVSCodeでVue.jsのCDNを使っていました。
この度,Vue.jsの開発環境を整えてみようと思い、
恐る恐るやってみました。

こちらを参考にしました。

Vue.js開発環境構築手順

手順１

まず
Node.jsがインストールされているか
確認をしました。
npm --versionでインストールされているか？の確認をします。
VSCodeのターミナルを開き、

npm -version
7.24.0

インストールの確認が取れました。

Vue CLIをインストールします。
npmコマンドでCLIをインストールします。

npm install -g @vue/cli

Vue cli-service-globalをインストールします。
Vueを動かすためのサーバです。

npm install -g @vue/cli-service-global

手順２、３は処理に少し時間がかかりましたが、待っていれば終わりました。
WARN deprecatedという文がどちらも何行か出てきました。

Visual Studio Codeの設定をします。

vue,ESLintをインストールしました。

ターミナルで

vue ui

ブラウザが自動で立ち上がります。
結構嬉しかったです。