모바일 앱을 만들고 싶다고 생각하며 Ionic 공부하기 시작했다.
내 Windows10PC에서 개발 환경을 만들어 보았다.

내 PC 환경

OS:Windows10

Node: v8.9.4

npm:5.8.0

git : 2.13.2.windows.1

편집기: Visual Studio Code

절차

Node.js 설치

여기 참고.
Node.js 넣으면 자동으로 npm도 들어갑니다.

git 설치

설치 절차는 여기 참고.

편집기 설치 및 확장 기능 추가

여기 에서 설치할 수 있습니다. 이 왼쪽 메뉴 아이콘 중에서 사각형 아이콘을 클릭하십시오.
확장 프로그램 "Angular Language Service"를 추가합니다.

"Angular Language Service"에서 검색하고 "Editor service for Angular templates"라고 설명문 붙어 있는 녀석 클릭하여 설치합니다.

ionic CLI 설치

명령 프롬프트

npm install ionic cordova -g

출력 메시지

C:\Users\take\AppData\Roaming\npm\cordova -> C:\Users\take\AppData\Roaming\npm\node_modules\cordova\bin\cordova
C:\Users\take\AppData\Roaming\npm\ionic -> C:\Users\take\AppData\Roaming\npm\node_modules\ionic\bin\ionic
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\ionic\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
+ [email protected]
added 658 packages from 462 contributors in 65.612s

할 수있는 것 같습니다. 버전 확인해보고 버전이라면.

명령 프롬프트

ionic -v

출력 메시지

3.20.0

스마트 폰으로 움직이는 도구 설치

iOS 앱의 경우: Xcode 설치

여기 에서 설치합니다만, macOS용의 통합 개발 환경이므로 WindowsPC의 나는 설치할 수 없습니다. 가상으로 macOS 세우거나 하면 설치할 수 있습니다만 나는 내 Mac에서 할까라고 생각 여기는 건너뜁니다.

HDD에 5GB 이상의 여유 공간이 필요합니다. 20분 이상 시간이 걸린 것 같습니다.

Android 앱의 경우: Android Studio 설치

여기 에서 설치. 우선 나 이쪽 설치해 보았다.
이 황록색 버튼을 눌러

동의하고 다운로드


exe 파일이 다운로드되므로 안내에 따라 실행하여 설치





총 3GB 이상 용량 사용했습니다. 나는 특히 아무것도 설정 바꾸지 않고 뻐꾸기 진행하고 시작하고 있습니다. 20분 정도 시간이 걸린 것 같아요.