Vue.jsプロジェクトのセットアップ


Vue.jsのプロジェクトを最初から作る手順を紹介します。

前提条件

  • npm、yarnがインストール済みであること

@vue/cliのインストール

グローバルに@vue/cliをインストールしてvueコマンドを使用できるようにします。

$ npm install -g @vue/cli

vueプロジェクトの作成

$ vue create project-name
? Please pick a preset: (Use arrow keys)
❯ default (babel, eslint) 
  Manually select features 

開発環境の起動

$ yarn serve

起動後、ブラウザからhttp://localhost:8080/で表示できます。

production用build

$ yarn build

成功すると、distディレクトリにファイルが作られます。