aws amplify+nuxt.js에서 환경 구축 in mac

개요



이번은 MacOS상에서 aws amplify+nuxt.js의 하나로부터 환경 구축해 나가려고 생각합니다.
비망록이라고 하는 일도 있어, 이해하기 어려운 부분도 있을지도 모릅니다. 그 때는 지적해 주시면 좋겠습니다.
이번에는 AWS 계정이 있는 전제로 진행하겠습니다.

①Homebrew 설치



공식에 액세스하고 설치하는 명령 실행



Homebrew 공식
% /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

설치 후 소프트웨어 업데이트





성공적으로 설치되었는지 확인


% brew --version
Homebrew 2.2.15
Homebrew/homebrew-core (git revision 93a12; last commit 2020-05-08)

②AWS CLI 버전 2 설치 및 구성



설치



공식 을 참고로 설치해 갑니다.
모처럼 공식이 설치 프로그램
인스톨러를 기동하면, 선택할 수 있는 항목이 있다고 생각합니다만, 이번은 모두 디폴트인 채로 인스톨합니다.
# インストールの確認
% aws --version
aws-cli/2.0.12 Python/3.7.4 Darwin/19.4.0 botocore/2.0.0dev16

설정



공식 보안 자격 증명 로 전환하고 アクセスキー (アクセスキー ID とシークレットアクセスキー) 를 선택합니다. 新しいアクセスキーの作成 버튼을 클릭하고 팝업에 표시된 액세스 키 ID와 비밀 키를 복사합니다.
# コピーしたアクセスキー IDとシークレットキーを貼り付ける
% aws configure
AWS Access Key ID [None]: アクセスキー ID
AWS Secret Access Key [None]: シークレットキー
# リージョンを選択。今回はオハイオ
Default region name [None]: us-east-2
# "text","json","table"のどれかを指定可能ですが、今回はjson
Default output format [None]: json

비고: AWS 계정에서 보안이 향상됨에 따라 다중 요소 인증(MFA)도 설정하는 것이 좋습니다.

③java 설치



※ Amplify Mocking을 사용하기 위해 OpenJDK 1.8 이후의 Java 런타임을 설치합니다.
# 最新バージョンがインストールされます
% brew install openjdk

# シンボリックリンクの作成
sudo ln -sfn /usr/local/opt/openjdk/libexec/openjdk.jdk /Library/Java/JavaVirtualMachines/openjdk.jdk

# バージョンの確認
% java --version
openjdk 13.0.2 2020-01-14
OpenJDK Runtime Environment (build 13.0.2+8)
OpenJDK 64-Bit Server VM (build 13.0.2+8, mixed mode, sharing)

④Node.js 설치



Node.js



이번에는 권장 Node 버전을 설치하고 싶으므로 nodebrew를 설치합니다.
공식 에 있는 LTS 버전을 nodebrew로 지정하고 설치합니다.
공식에서 인스톨러를 다운로드하는 것도 있습니다만, Node의 버전 관리를 안이하게 하고 싶기 때문에, nodebrew를 사용해 갑니다.
% brew install nodebrew

# nodebrew用のディレクトリを作成
% mkdir -p ~/.nodebrew/src

# 公式で推奨(LTS)されてるバージョンをインストール
% nodebrew install-binary v12.16.3

# バスを追加
# .zshrcファイルがない場合は作成します。
% echo 'export PATH=$HOME/.nodebrew/node/v12.16.3/bin:$PATH' >> .zshrc

# terminalを再起動し、インストールの確認
% node -v; npm -v
v12.16.3
6.14.4

⑤aws-amplify/cli 및 nuxt.js 설치


% npm install -g @aws-amplify/cli create-nuxt-app@latest

# バージョン確認
% amplify --version; create-nuxt-app --version
4.18.1
create-nuxt-app/2.15.0 darwin-x64 node-v12.16.3

⑥git 설치


% brew install git

% git --version
git version 2.23.0

좋은 웹페이지 즐겨찾기