지난 글에서
- 아이오닉 기반 언어인 node.js를 설치했고
- ionic 프로그램을 설치하여 예제를 만들고 실행해보았다.
[아이오닉 설치 및 환경설정 #1] node 설치, ionic 설치 예제실행
반복되는 아이오닉 설치와 환경 설정작업을 효율적으로 진행하고자 절차를 기록해둔다. 참고하는 사람이 있다면 도움이 되길 바란다. node 기반 언어이기 때문에 node를 가장먼저 설치해야한다.
enjoyk.tistory.com
이번에는 개발 툴인 visualstudio를 설치하고 지난번 생성한 프로젝트를 연결하는 방법을 기록한다.
STEP1
먼저 아래 링크를 통하여 개발 툴을 다운로드 받는다.
다운 링크
https://code.visualstudio.com/
STEP2
필자는 윈도우 기반이기에 좌측 이미지를 클릭해서 다운받았다.
STEP3
다운 완료 -> 설치 -> 실행
STEP4 - 결과화면
생성한 앱 디렉토리 열기 -> 실행된 개발툴 중앙 영역에 드래그 -> 좌측에 디렉토리 구조 열림.
참고영상
https://www.youtube.com/watch?v=bPx1liPbmck
'개발 > ionic' 카테고리의 다른 글
ionic 이미지 미리보기 css input 감춤처리 (0) | 2020.12.21 |
---|---|
[아이오닉 설치 및 환경설정#3] visualstudio 터미널 사용법 powerShell 관리자 권한 부여 개발 꿀팁 (0) | 2020.12.14 |
[아이오닉 설치 및 환경설정 #1] node 설치, ionic 설치 예제실행 (0) | 2020.12.14 |
ionic ionic inappbrowser err unknown url scheme kakao link (0) | 2020.12.11 |
ionic 5 webview 상단 바 제거 toolbar (0) | 2020.12.11 |
댓글