소개

자바스크립트 프레임워크인 Vue.js의 개발 환경을 AWS의 Cloud9에서 구축합니다.
개발 환경의 가장 빠른 구축에 초점을 맞추어, 최소한 알아야 할, Cloud9의 작성·삭제와 Vue CLI에 의한 Vue.js의 인스톨을 다루고 있습니다.
또한 Cloud9 네트워크의 이해를 높이기 위해 보안 그룹 설정을 변경하여 IPv4 공용 IP로부터의 연결에 대해서도 다룹니다.

브라우저에서만 코드를 작성, 실행 및 디버깅할 수 있는 클라우드 기반 통합 개발 환경(IDE)인 AWS Cloud9에 대한 핸즈온(체험 학습)입니다.

Youtube 동영상

【초AWS 학습】Cloud9・Vue.js 입문-진정한 남자란? (핸즈온)

동영상에서 사용한 명령

Vue.js 설치

명령

node -v
node -v
npm -v
npm i -g @vue/cli
vue --version
vue create akane
# ⇒Default ([Vue 2] babel, eslint)を選択
cd akane
touch vue.config.js
# 下記のvue.config.jsの設定内容を参照
npm run serve

vue.config.js 설정 내용

vue.config.js

module.exports = {
    devServer: {
        disabelHostCheck: true
    }
}