カテゴリー
サインイン 新規登録

間違いや改善の指摘

内容の技術的な誤り・誤字脱字やミスのご報告・解説やトピックの追記/改善のご要望は教材をさらに良くしていく上でとても貴重なご意見になります。

少しでも気になった点があれば、ご遠慮なく投稿いただけると幸いです🙏

実際には誤りではなく勘違いであっても、ご報告いただけることで教材のブラッシュアップにつながります。

質問ポリシー①

教材受講者みなさんのスムーズな問題解決のために、心がけていただきたいことがあります。

教材の内容に関する質問を投稿しましょう

教材の内容に関係のない質問や教材とは異なる環境・バージョンで進めている場合のエラーなど、教材に関係しない質問は推奨していないため回答できない場合がございます。

その場合、teratailなどの外部サイトを利用して質問することをおすすめします。教材の誤字脱字や追記・改善の要望は「文章の間違いや改善点の指摘」からお願いします。

0-3

Vue.jsの開発に必要な環境を構築しよう

Vue.jsの開発に必要な環境を構築しよう

Vue.jsはNode.jsを基盤として動作します。なので、MacにNode.jsの実行環境を作成する必要がありますので、環境の構築手順を記載します。

nvmのインストール

下記コマンドを実行します。

Copied!
# nvmをダウンロード、インストールする $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.0/install.sh | bash # シェルを再起動 $ exec $SHELL -l

下記のように実行し、nvmコマンドを実行できていれば、インストールできています。(バージョンが異なる可能性がありますが、問題ありません)

Copied!
# nvmのバージョンを表示 $ nvm --version 0.35.0

トラブルシューティング

nvmコマンドを実行できない場合は、 ~/.bash_profile (または ~/.zshrc)内に下記記述があることを確認ください。

Copied!
$ cat ~/.bash_profile export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion

上記記述がない場合は、.bash_profileを新規作成後、ファイル内に下記記述を追加、ターミナルの再起動を実施してください。

Copied!
export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion

Node.jsのインストール

nvmを使って、Node.jsのインストールを行います。

Copied!
# Node.jsの長期サポートバージョンをインストール $ nvm install --lts # Node.jsの長期サポートバージョンを使用するように設定 $ nvm use --lts

下記コマンドを実行し、Node.jsのバージョンが表示されていれば、インストールできています。(バージョンが異なる可能性がありますが、問題ありません)

Copied!
$ node -v
Copied!
$ node -v v10.16.3

yarn・Vue CLIのインストール

Vue.jsのテンプレートを作成するために、Vue CLIを利用します。また、Node.jsのパッケージ管理はyarnを利用しますので、この2つをインストールします。

下記コマンドを実行します。

Copied!
# yarnとVue CLIをインストール $ npm install -g yarn @vue/cli@4.2.3

yarn、Vue CLIともに、下記のように実行できていればインストールできています。(バージョンが異なる可能性がありますが、問題ありません)

Copied!
$ yarn -v
Copied!
$ yarn -v 1.19.1
Copied!
$ vue --version
Copied!
$ vue --version @vue/cli 4.2.3

以上で、Vue.jsの環境構築は終了です。
お疲れさまでした。

現在のパート (0)
全パート (4)
みんなで助け合おう!
現在のパートのディスカッション 全0件