Django + Vue.jsでシステム開発! (16)

Django+Vue.js
この記事は約8分で読めます。
記事内に広告が含まれます。

Python(Django)+Vue.js(Nuxt.js,Vuetify)を使ったシステムの開発です。

Node.jsはMacの場合はVersionを簡単に切り替えられるnodebrewというツールを導入します。
昨年にも同じ記事を書いていますが、Versionが上がっているので新たに起こしました。

スポンサーリンク

すでにインストーラパッケージで導入してしまった場合の削除方法

Node.jsのサイトでダウンロードしてインストールした場合はnodeberwと共存できません。パッケージで導入したnode.jsを一旦削除します。

lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \
| while read i; do
  sudo rm /usr/local/${i}
done
sudo rm -rf /usr/local/lib/node \
     /usr/local/lib/node_modules \
     /var/db/receipts/org.nodejs.*

nodebrewでアプリケーションインストール

% curl -L git.io/nodebrew | perl - setup
...
========================================
Add path:

export PATH=$HOME/.nodebrew/current/bin:$PATH
========================================

インストールが終わったらパスを追加します。

% export PATH=$HOME/.nodebrew/current/bin:$PATH

このままだと再起動するとパスの設定が消えてしまいます。毎回設定するのは面倒なので.bash_profileもしくは.zshrcにパスを設定しておきましょう。

// Bashを利用している場合はこちら
$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile
$ source ~/.bash_profile
// zshを利用している方はこちら
% echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile
% source ~/.zshrc

正常にインストールできたか確認するには

% nodebrew help
nodebrew 1.0.1

Usage:
    nodebrew help                         Show this message
    nodebrew install <version>            Download and install <version> (from binary)
    nodebrew compile <version>            Download and install <version> (from source)
    nodebrew install-binary <version>     Alias of `install` (For backward compatibility)
    nodebrew uninstall <version>          Uninstall <version>
    nodebrew use <version>                Use <version>
    nodebrew list                         List installed versions
    nodebrew ls                           Alias for `list`
    nodebrew ls-remote                    List remote versions
    nodebrew ls-all                       List remote and installed versions
    nodebrew alias <key> <value>          Set alias
    nodebrew unalias <key>                Remove alias
    nodebrew clean <version> | all        Remove source file
    nodebrew selfupdate                   Update nodebrew
    nodebrew migrate-package <version>    Install global NPM packages contained in <version> to current version
    nodebrew exec <version> -- <command>  Execute <command> using specified <version>

このように表示されればインストールは成功しています。

次にインストールできるnode.jsのversionを確認します。

% nodebrew ls-remote

インストールパターンいろいろ

% nodebrew install-binary latest      # 最新バージョンのバイナリーのみをインストール
% nodebrew install v12.x      # v10系の最新バージョンをインストール
% nodebrew install v12.15.x    # v10.15系の最新バージョンをインストール

通常は以下のような感じでインストールします。

% nodebrew install v10.x  ← Version10系の最新
% nodebrew install v12.x  ← Version12系の最新

インストールが完了したら、正しく導入されたか確認します。

% node -v
% npm -v

npmとはNode.jsのパッケージを管理するシステムです。

すでに導入済みのVersionを確認するには

% nodebrew ls
v10.19.0
v.12.15.0

current: none

↑2つインストールされていて、カレントはなし
カレントとは現在有効になっているVersionのこと

v10.19.0をカレントに持ってくる

nodebrew use v10.19.0

もしくはv12.15.0をカレントに設定する

nodebrew use v12.15.0

リリース中のバージョン一覧の確認

$ nodebrew ls-remote 
v0.0.1    v0.0.2    v0.0.3    v0.0.4    v0.0.5    v0.0.6

v0.1.0    v0.1.1    v0.1.2    v0.1.3    v0.1.4    v0.1.5    v0.1.6    v0.1.7
v0.1.8    v0.1.9    v0.1.10   v0.1.11   v0.1.12   v0.1.13   v0.1.14   v0.1.15
v0.1.16   v0.1.17   v0.1.18   v0.1.19   v0.1.20   v0.1.21   v0.1.22   v0.1.23
v0.1.24   v0.1.25   v0.1.26   v0.1.27   v0.1.28   v0.1.29   v0.1.30   v0.1.31
v0.1.32   v0.1.33   v0.1.90   v0.1.91   v0.1.92   v0.1.93   v0.1.94   v0.1.95
v0.1.96   v0.1.97   v0.1.98   v0.1.99   v0.1.100  v0.1.101  v0.1.102  v0.1.103
v0.1.104
 
v12.0.0   v12.1.0   v12.2.0   v12.3.0   v12.3.1   v12.4.0   v12.5.0   v12.6.0
v12.7.0   v12.8.0   v12.8.1   v12.9.0   v12.9.1   v12.10.0  v12.11.0  v12.11.1
v12.12.0  v12.13.0  v12.13.1  v12.14.0  v12.14.1  v12.15.0

v13.0.0   v13.0.1   v13.1.0   v13.2.0   v13.3.0   v13.4.0   v13.5.0   v13.6.0
v13.7.0   v13.8.0

Versionの先頭が偶数の場合は安定バージョンになります、奇数の場合は新機能を導入しているが不安定な可能性があります。基本的には偶数の最新版がおすすめです。

不要になったVersionを削除

% nodebrew uninstall <version>

設定の引き継ぎ

% nodebrew migrate-package <引き継ぎたいversion>

例えばv8.13.0で運用開発していたが、VersionUPによりv10.14.1に移行することになった場合
開発中のv8.13.0でinstallしたモジュールをすべてmigrateで新しいバージョンを取得してくれます、

コメント

タイトルとURLをコピーしました