はじめに
1ヶ月間ほどVue.jsを使い、
ポートフォリオとなるものを制作していました。
今まではVSCodeでVue.jsのCDNを使っていました。
この度,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をインストールしました。
手順5
ターミナルで
vue ui
ブラウザが自動で立ち上がります。
結構嬉しかったです。