Vueでプロジェクトを作る

Windows10のローカルな環境にVue.js+Vuetifyなプロジェクトを作る覚書。

前提環境

Windows 10 を前提とする。

やること

node.jsはnode.jsを更新する on windows - mk_55's diaryの通りインストーラーを使って最新化しておく。

以下のようにコマンドでnpmを最新化したあと、vue-cliを使って用意を進める。

# npmの最新化
npm update -g npm

#  vue-cliのインストールとプロジェクト作成
npm install -g @vue/cli

vue create my-app

cd my-app

# Vuetifyの導入
vue add vuetify

# 起動
npm run serve

# 起動確認 (200が返ってくればOK)
curl http://localhost:8080/

まあ基本はQuick start — Vuetify.jsの手順の通り。