Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 6 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).