https://github.com/tralves/nativescript-vue-webpack-template

NativeScript Vue.js template with webpack and .vue file support
https://github.com/tralves/nativescript-vue-webpack-template

Last synced: 7 days ago
JSON representation

NativeScript Vue.js template with webpack and .vue file support

• Host: GitHub
• URL: https://github.com/tralves/nativescript-vue-webpack-template
• Owner: tralves
• License: mit
• Created: 2017-06-20T02:56:01.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-09T12:31:39.000Z (over 6 years ago)
• Last Synced: 2024-08-02T16:42:49.602Z (3 months ago)
• Language: JavaScript
• Size: 2.47 MB
• Stars: 178
• Watchers: 17
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DEPRECATED!!!

This template is being deprecated in favor of the [Vue Cli template](https://github.com/nativescript-vue/vue-cli-template). There are some serious problems that `vue-cli` simply deals with much nicely. 

# NativeScript Vue.js Template

This repo serves as the starting point for NativeScript + Vue.js projects, using [nativescript-vue](https://github.com/rigor789/nativescript-vue).

This template creates a project ready to use with Vue single file components\* (`.vue` files)!

## Usage

1. Install NativeScript tools (see http://docs.nativescript.org/start/quick-setup)

2. Create app from this template

```bash

tns create hello-ns-vue --template https://github.com/tralves/nativescript-vue-webpack-template

```

3. Watch for changes while developing

In two separate terminals run:

```bash

# terminal 1

webpack --watch --env.tns --env.android

# or

webpack --watch --env.tns --env.ios

# terminal 2

cd tns && tns debug android

# or

cd tns && tns debug ios

```

4. Bundle Android or iOS for deploy (see: [{NS} documentation on webpack bundling](https://docs.nativescript.org/tooling/bundling-with-webpack#bundling))

```bash

npm run start-android-bundle -- --clean

npm run start-ios-bundle -- --clean

```

5. Code!

You will find more sample code [here](https://github.com/tralves/nativescript-vue/tree/master/samples).