Deprecated ⚠️

This template has been deprecated in favor of using the ns create command:

ns create myAwesomeApp --vue # add --ts if you'd like to scaffold a project with TypeScript
cd myAwesomeApp
ns run ios|android

Note: This is a new version of the template for NativeScript 7, if you are looking for the old template, it is available on the ns6 branch.

vue-cli-template

NativeScript-Vue application template for quick prototyping with vue-cli (2.x).

Usage

This is a project template for vue-cli.

# Scaffold project
npm install -g @vue/cli @vue/cli-init
vue init nativescript-vue/vue-cli-template <project-name>
cd <project-name>

# Install dependencies
npm install

# Build
ns build <platform>

# Preview the application on a device
ns preview

# Build, watch for changes and run the application
ns run

# Clean the NativeScript application instance
ns platform remove <platform>

# Hot Module Replacement (HMR) disabled Debugging session 
ns debug <platform> --no-hmr

Yarn usage

# Scaffold project
yarn global add @vue/cli @vue/cli-init
vue init nativescript-vue/vue-cli-template <project-name>
cd <project-name>

# Install dependencies
yarn

Debugging vs Production

During usual run, project runs with following settings -

Code is not minified
Vue.config.silent is false, so every component creation is logged

# Build, watch for changes and debug the application
ns debug <platform>

To minify code, and prevent Vue logs -

# Build for production
ns build <platform> --env.production

# Run as production
ns run <platform> --env.production

Using NativeScript plugins

Installing plugins is the same as official NativeScript documentation.

Use ns plugin add from the root of the project directory.

ns plugin add <plugin-name>

Uh oh!

License

nativescript-vue/vue-cli-template

ErrorLooks like something went wrong!

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Sponsor this project

Uh oh!

Packages 0

Uh oh!

Contributors 25

Uh oh!

Languages

Error
Looks like something went wrong!

Packages