본문 바로가기

NativeScript

NativeScript 프로젝트 생성

1. nativescript 설치

npm install -g nativescript

 

2. nativescript 프로젝트 생성

tns create App이름

 

3. 해당 프로젝트로 이동

cd vue-test

 

4. nativescript-vue plugin 설치

npm install --save nativescript-vue

 

5. app.js 파일의 코드내용 아래로 변경

const Vue = require('nativescript-vue/dist/index');

new Vue({
  template: `
    <page>
      <stack-layout>
        <label text="Hello Vue!" style="background-color:#41b883;color:#ffffff;padding:10;text-align:center"></label>
      </stack-layout>
    </page>
  `,
}).$start();

- NativeScript-vue 모듈을 가져옴.

- start() 함.

 

6. 에뮬레이터또는 기기로 앱 실행

tns run ios | android --emulator

 

https://nativescript-vue.org/en/docs/getting-started/quick-start/

 

NativeScript-Vue - A NativeScript plugin for building truly native applications using Vue.js

A NativeScript plugin for building truly native applications using Vue.js

nativescript-vue.org