RaspberryPi Busterでnode.jsとVue.js

nodesorceからパッケージをインストールするよう設定

参考: https://github.com/nodesource/distributions/blob/master/README.md#debinstall

# curl -sL https://deb.nodesource.com/setup_12.x | bash -
# apt-get install -y nodejs

/etc/apt/sources.list.d/nodesource.listにファイルができる模様。

Vue cliのインストール

vue-cliは古い。@vue/cliをインストールする。

$ npm install @vue/cli

$ npm install @vue/cli-init

 Vue.jsのプロジェクトの初期化

$ ./node_modules/.bin/vue init webpack my-app
$ cd my-app

$ npm install vue-router
$ npm run dev

 表示されたURLにブラウザからアクセスする。

リモートから接続する場合、https://qiita.com/pentamania/items/c172ef5c9fe780a81e36を参照("config/index.js"のhost:行をnpm run devするサーバのIPへ書き換える)

もしElement-UIを使う場合my-appディレクトリから下記を実行する

$  ../node_modules/.bin/vue add element

ビルドする

$ npm run build