WSLのUbuntuでNativeScript+Vueの開発環境を構築する手順

$ node -v
v10.15.3

$ npm install -g nativescript

Do you want to help us improve NativeScript by automatically sending anonymous usage statistics? We will not use this information to identify or contact you. You can read our official Privacy Policy at
? https://www.telerik.com/company/privacy-policy (Y/n)

If you are using bash or zsh, you can enable command-line completion.
? Do you want to enable it now? (Y/n)

（...上省略...）
Installation successful. You are good to go. Connect with us on https://twitter.com/NativeScript.

You can review the Progress Software Privacy Policy at https://www.progress.com/legal/privacy-policy

I agree to receive email communications from Progress Software or its Partners (https://www.progress.com/partners/partner-directory),containing information about Progress Software's products. Consent may be withdrawn at any time.

? Input your e-mail address to agree or leave empty to decline:

You have successfully installed the NativeScript CLI!
To create a new project, you use:
tns create 

To build your project locally you use:
tns build 

NOTE: Local builds require additional setup of your environment. You can find more information here: https://docs.nativescript.org/start/quick-setup
To build your project in the cloud you can use:
tns cloud build 

NOTE: Cloud builds require Telerik account. You can find more information here: https://docs.nativescript.org/sidekick/intro/requirements

If you want to experiment with NativeScript in your browser, try the Playground: https://play.nativescript.org
If you have any questions, check Stack Overflow: https://stackoverflow.com/questions/tagged/nativescript and our public Slack channel: https://nativescriptcommunity.slack.com/

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules/nativescript/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

+ nativescript@5.3.4
added 944 packages from 1353 contributors in 127.63s

$ tns
# NativeScript CLI

┌─────────┬─────────────────────────────────────────────────────────────────────┐
│ Usage   │ Synopsis                                                            │
│ General │ $ tns  [Command Parameters] [--command ]          │
│ Alias   │ $ nativescript  [Command Parameters] [--command ] │
└─────────┴─────────────────────────────────────────────────────────────────────┘

## General Commands

┌─────────────────┬───────────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Command         │ Description                                                                                                   │
│ help   │ Shows additional information about the commands in this list in the browser.                                  │
│ autocomplete    │ Configures your current command-line completion settings.                                                     │
│ usage-reporting │ Configures anonymous usage reporting for the NativeScript CLI.                                                │
│ error-reporting │ Configures anonymous error reporting for the NativeScript CLI.                                                │
│ doctor          │ Checks your system for configuration problems which might prevent the NativeScript CLI from working properly. │
│ info            │ Displays version information about the NativeScript CLI, core modules, and runtimes.                          │
│ proxy           │ Displays proxy settings.                                                                                      │
│ update          │ Updates the project with the latest versions of iOS/Android runtimes and cross-platform modules.              │
└─────────────────┴───────────────────────────────────────────────────────────────────────────────────────────────────────────────┘
（...以下省略...）

$ tns --version
5.3.4

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

$ vue init nativescript-vue/vue-cli-template myapp

? Project name myapp　（プロジェクト名）
? Project description A native application built with NativeScript-Vue（プロジェクトの説明）
? Application name NativeScript-Vue Application（アプリの名前）
? Unique application identifier org.nativescript.application（アプリケーション任意のID）
? Project version 1.0.0（プロジェクトのバージョン）
? Author（開発者）
? License MIT（ライセンスの種類）
? Select the programming language javascript（使用する言語の選択）
? Select a preset (more coming soon) Simple（用意するアプリのテンプレートの選択）
? Install vuex? (state management) Yes（Vuexを使用するかの選択）
? Install vue-devtools? No（Vuedevtoolsを使用するかの選択。ここはNoにしておくのが良さそうです。後述します。）
? Color scheme aqua（カラーテーマの選択）

$ cd myapp
$ npm install

$ tns preview --bundle