t8.dev

🇺🇸

【Vue3】vue-cliをインストールして始める

公開日:2021/10/29
更新日:

はじめに

心理学を使ったTODOアプリを開発している、@takasqrです。

心理学を使ったTODOアプリ | todo8

心理学を使ったTODOアプリ | todo8

Vueはvue-cliを使うことで、簡単にプロジェクトを作成して、デバッグを始めることができます。

今回はvue-cliを使ってVueのプロジェクトを立ち上げる方法を紹介します。

https://cli.vuejs.org/

Vue.jsとは?

Vue.jsは一言で言うと、「フロントエンド(ブラウザ)で動く、javascriptのフレームワーク」です。

vue-cliをインストール

npm install -g @vue/cli

Vueのプロジェクトを作成

vue create hello-world

vue-cliのバージョンがv4.5.4でプロジェクトを作成したところ、Vue3でプロジェクトを作るか聞かれました。

Vue3で作ってみました。

? Please pick a preset: Default (Vue 3 Preview) ([Vue 3] babel, eslint)

ちなみにvue-cliのバージョンは、

vue --version

で確認できます。

vue-cliのアップデートは、

npm update -g @vue/cli

で行うことができます。

Vueをデバックする

cd hello-world
npm run serve

Welcome to Your Vue.js Appと表示されれば成功です。

関連記事

Vue Routerとは?使い方を一通り説明する

オススメ記事

5年間ほぼ毎日プログラミングの勉強をするためにやったこと
論文と本から学ぶ、プログラミング独学のコツ
目標達成率を高める if thenプランニングとは!?【本とアプリも紹介】