LoginSignup
0
0

More than 1 year has passed since last update.

M1チップ搭載のMacのAngularなどの環境構築

Last updated at Posted at 2022-03-01

はじめに

最近Macの初期化をすることが多く、いちいち設定するのが面倒なのでまとめた。
以下を入れる

  • Homebrew
  • Chrome
  • Slack
  • Sourcetree
  • VScode
  • Zoom
  • Nodejs
  • angular cli

TL;DR

前提

  • M1チップではない、もしくはRosettaを有効化済み
  • Homebrewがインストール済み
  • zsh
brew install --cask google-chrome slack sourcetree visual-studio-code zoom; brew install nodebrew; nodebrew -v; nodebrew setup; nodebrew install-binary v14.19.0; nodebrew use v14.19.0; echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile; source ~/.zprofile; npm install -g @angular/cli; ng --version;

M1チップを利用している場合

Homebrewのインストール

Homebrewの公式サイトからスクリプトをターミナルにコピペして実行。
以下のコマンドを実行しHomebrewのバージョンが表示されればOK

brew --version

各ツールのインストール

Chrome, Slack, Sourcetree, VScode, Zoom

brew install --cask google-chrome slack sourcetree visual-studio-code zoom

Nodejsのインストール

インストール

以下のコマンドを実行。

brew install nodebrew; nodebrew -v; nodebrew setup; nodebrew install-binary v14.19.0; nodebrew use v14.19.0

nodebrew -vnodebrew 1.1.0 などと表示されればOK

PATHを通す

bash

echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile; source ~/.bash_profile

zsh

echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile; source ~/.zprofile

以下を実行して v14.19.0 と出ればOK

node -v

angular cliのインストール

npm install -g @angular/cli; ng --version;
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0