Node も npm も Yarn も Vue もよくわかってないけど見様見真似でやった。どうせ忘れるのでメモ。
Node.js のインストール
OS の nodejs が入ってる場合はなんだかわからないけど依存関係でエラーになったので削除しておく。
sudo apt remove nodejs
https://gitub.com/nodesource/distributions/blob/master/README.md より
curl -sL https://deb.nodesource.com/setup_current.x | sudo -E bash - sudo apt install -y nodejs
npm の設定。OS 環境を汚したくないので npm パッケージを $HOME 配下にインストールされるように。
echo prefix=$HOME/.npm-packages > ~/.npmrc PATH=$HOME/.npm-packages/bin:$PATH
Yarn のインストール
https://yarnpkg.com/getting-started/install より
npm install -g yarn
Vue CLI のインストール
https://cli.vuejs.org/#getting-started より
yarn global add @vue/cli
Vuetify のインストール
https://vuetifyjs.com/ja/getting-started/installation/ より
vue create my-app cd my-app vue add vuetify
これだけで Node モジュールが 817個も入る…こわい…。
起動
yarn serve
http://localhost:8080/
でアプリにアクセスできる。
あとは src
配下を編集するとブラウザに自動的に反映される。
Emacs で編集する場合は何故か yarn が落ちるのでロックファイルを無効にした(create-lockfiles
を nil
に)。