https://github.com/jacknq/vue-ts-ex

Vue2+ + TypeScript2+ example All-in vue typescript example with single file component, hot reload, bootstrap 4, webpack , express server, local storage, vuex , router, pre-compiled templates all out of the box! Using official typescript component `vue-class-component`
https://github.com/jacknq/vue-ts-ex

bootstrap bootstrap-4 typescript vue vuejs2

Last synced: 3 months ago
JSON representation

Vue2+ + TypeScript2+ example All-in vue typescript example with single file component, hot reload, bootstrap 4, webpack , express server, local storage, vuex , router, pre-compiled templates all out of the box! Using official typescript component `vue-class-component`

• Host: GitHub
• URL: https://github.com/jacknq/vue-ts-ex
• Owner: Jacknq
• Created: 2016-11-30T11:43:35.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-02-29T20:15:54.000Z (10 months ago)
• Last Synced: 2024-10-11T06:42:03.643Z (3 months ago)
• Topics: bootstrap, bootstrap-4, typescript, vue, vuejs2
• Language: JavaScript
• Homepage:
• Size: 995 KB
• Stars: 37
• Watchers: 3
• Forks: 5
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-ts-ex

#  Vue2+ + TypeScript2+ example 

 All-in vue typescript example with single file component, hot reload, bootstrap 4,  webpack , express server, 

 bootstrap, multiselect with search,

 local storage, router, pre-compiled templates all out of the box! Lets Rock!

 

 Based on official templates in js ported to ts: 

 https://github.com/vuejs-templates/webpack

 Using official typescript component

 `vue-class-component`

### Visual Studio integration

##### VS Code -  vetur plugin for vue files, optionaly C# extension

##### VS2017 - node js window present but better with NPM task runner extension

##### VS2015 - It is highly recommended that the following extensions are installed

- [NPM Task Runner](https://visualstudiogallery.msdn.microsoft.com/8f2f2cbc-4da5-43ba-9de2-c9d08ade4941) (VS2017 compatible)

- [Vue.js Pack](https://visualstudiogallery.msdn.microsoft.com/30fd019a-7b90-4f75-bb54-b8f49f18fbe1)

### Starting a new project? Great! Start with :

**http://cli.vuejs.org/**

try **Vue UI** with **typescript** option.

![screenshoot](capture.PNG)

## Build Setup

install node js

https://nodejs.org/en/

``` cmd

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

```

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).