Skip to content
Vue boilerplate with TypeScript for developing small to large, easy to scale, single page applications.
Vue JavaScript TypeScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
scripts
src
.gitignore
README.md
index.html
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

vue-boilerplate

Vue boilerplate with TypeScript for developing small to large, easy to scale, single page applications.

Usage

To get up and running run:

$ npm install
$ npm start

What's included

Important Files

So there are two important files that needs to be addressed:

📄 src/main.ts

This file will load your single page application and bootstrap all the plugins that are used. It will also serve as the entry point which will be loaded and compiled using webpack.

📄 src/App.vue

This is the project root component. Inside this component we will add the router component so vue-router can load the resources accordingly.

Directory Structure

📂 /config

📂 /scripts

Webpack scripts and other utilities scripts will be placed on this folder

📂 /src/components

Components that can be used on multiple places will be saved here. If you want to use the components on multiple projects consider creating a standalone library and don't forget to share it with us!

📂 /src/pages

Router level pages are placed inside this folder for an easy access

📂 /src/plugins

Vue has a large number of libraries and you are definitely going to take advantage of that to improve your application. Some libraries demand a more robust configuration, with that in mind, each library will have its configuration in a separate file placed in this folder

Scripts

$ npm run start

Start the development server

$ npm run build

Create a production package

$ npm run test

Run all test suites

Got questions or suggestions?

Feel free to hit me up on:

GitHub

Or create an issue

You can’t perform that action at this time.