以下の環境の構築を考えている人向けに、その方法について書いていきたいと思います。

‍

環境

‍

MacOS Big Sur 11.4(M1環境）

Zsh

Homebrewインストール済み

anyenv

nodenv

yarn

vue-cli

‍

anyenvのインストール

‍

anyenvはHomebrewを使ってインストールします。
コマンドは以下になります。

‍

$ brew install anyenv
‍$ echo 'eval "$(anyenv init -)"' >> ~/.zshrc
‍$ anyenv init
‍$ exec $SHELL -l # reboot yourshell
‍$ anyenv install --init
$ anyenv -v

‍

‍

nodenvのインストール

‍

anyenvをインストールするとnodenvが既に利用できるようになっています。

もし、使えない場合は先ほどインストールしたanyenvを使ってnodenvをインストールします。

‍

$ anyenv install nodenv
$ exec $SHELL -l
$ node -v

‍

任意のnodeをインストールする

‍

次に、nodeのインストールをしていきます。
まずは以下のコマンドでインストールできるバージョンを確認します。

‍

$ nodenv install -list

‍

自分のインストールしたいバージョンを指定してインストールと設定をしていきます。

‍

$ nodenv install your-version
$ nodenv global your-version
$ node -v

‍

Yarnをインストール

‍

npmを使ってyarnをglobalにインストールします。

‍

$ npm install -g yarn
$ nodenv rehash

‍

rehashすることでyarnのパスが通り、コマンドが使えるようになります。

‍

vue-cliをインストールする

‍

vue-cliをグローバルにインストールしたい場合は以下のコマンドを使う必要があります。

‍

$ sudo yarn global add @vue/cli
$ vue --version

‍

問題がなければ、以上でglobal環境へのvue-cliのインストールが完了します。

‍

‍

English Version

‍

‍

For those who are thinking about building the following environment, I would like to write about how to do it.

‍

Environment

‍

MacOS Big Sur 11.4(M1 Mac）

Zsh

Homebrew(If you have installed the package manager, please install it before reading.)

anyenv

nodenv

yarn

vue-cli

‍

installation of anyenv

‍

anyenv will be installed with Homebrew.
The commands of installation are below.

‍

$ brew install anyenv
‍$ echo 'eval "$(anyenv init -)"' >> ~/.zshrc
‍$ anyenv init
‍$ exec $SHELL -l # reboot yourshell
‍$ anyenv install --init
$ anyenv -v

‍

‍

installation of nodenv

‍

‍

You can already use nodenv.
If you can't do, You will install it with anyenv.

‍

$ anyenv install nodenv
$ exec $SHELL -l
$ node -v

‍

installation of node

‍

Next, you will install node.
You can check installable versions of node by a below command.

‍

$ nodenv install -list

‍

You will install and set your node.

‍

$ nodenv install your-version
$ nodenv global your-version
$ node -v

‍

installation of Yarn

‍

npm install yarn to your global environment.

‍

$ npm install -g yarn
$ nodenv rehash

‍

By rehashing, the yarn path will pass and you will be able to use the command.

‍

installation of vue-cli

‍

If you want to install vue-cli globally, you need to use the command.

‍

$ sudo yarn global add @vue/cli
$ vue --version

‍

If there are no problems, the installation of vue-cli in the global environment is completed.

‍

‍

‍

‍

‍