MacでYarn+Vue.js+Webpack

YarnのインストールからVue.jsの表示までのメモ

インストール手順

今後はnpmの代わりにYarnで管理していけるため、npm経由ではなく、Yarnをインストールする。もしエラー出たら、npmでYarnをインストールも可能。

$ brew install yarn

フォルダを適当に作って移動する。

$ mkdir sample
$ cd sample

Yarnでpackge.json作る。いろいろ聞かれるが、これはEnter連打でOK。

$ yarn init

Vue.jsをYarn経由でインストールする。Vue.jsをコマンドラインでいろいろ実行する必要があるため、最初にvue-cliをインストールする。(インストールしていないと、vue-cliをインストールしろとエラーメッセージで教えてくれるため、インストールし忘れても後で気づくことができる。)

$ yarn add vue-cli
$ yarn vue init webpack my-project

Vue.jsプロジェクト用にフォルダ作って移動する。

$ mkdir my-project
$ cd my-project

Yarnを起動して、コンパイルが終わったらURL「http://localhost:8080」にアクセスする。

$ yarn start

参考URL

Written with StackEdit.