NativeScript-Vue 기초 가이드

NativeScript-Vue 초기 설정

NativeScript-Vue는 Vue.js와 결합하여 크로스 플랫폼 네이티브 앱을 개발하는데 사용되는 오픈 소스 프레임워크다.
이 가이드는 NativeScript-Vue 프로젝트를 시작하는 초기 설정이다

1. Node.js와 NativeScript 설치

NativeScript-Vue를 사용하기 위해서는 Node.js와 NativeScript CLI가 필요함

npm install -g @vue/cli @vue/cli-init 
npm install -g nativescript

NativeScript-Vue 초기 설정

2. NativeScript-Vue 프로젝트 생성

터미널을 열고 원하는 디렉토리로 이동한 후 다음 명령어를 실행하여 NativeScript-Vue 프로젝트를 생성하면 됨

vue init nativescript-vue/vue-cli-template my-app-name
cd my-app-name

3. 안드로이드 및 iOS 설정

안드로이드 또는 iOS 앱을 개발하기 위해서는 해당 플랫폼에 대한 설정이 필요함

• 안드로이드: 안드로이드 스튜디오 설치 및 에뮬레이터 설정이 필요함. 필요한 경우 Android SDK Manager를 통해 필요한 라이브러리를 설치하면 된다.
• iOS: macOS에서만 iOS 앱을 개발할 수 있습니다. Xcode 설치 및 개발자 계정 설정이 필요함

4. NativeScript-Vue 개발 시작

프로젝트 폴더에서 다음 명령어를 실행하여 앱을 실행시켜보자.

npm run serve

이 명령어는 개발 서버를 실행하고 브라우저에서 앱을 미리 볼 수 있음
vscode에서도 지원하는 Extentions가 있다.

5. 앱 빌드 및 배포

• 안드로이드: tns build android
• iOS: macOS 환경에서 tns build ios

여기까지가 기초 가이드라인이다.

---

참고
NativeScript Documentation