-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Moving configured app files to template.
- Loading branch information
1 parent
9cd46fd
commit 3505539
Showing
44 changed files
with
688 additions
and
9,978 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,19 +1,59 @@ | ||
# vue-starter | ||
# vue-webpack-boilerplate | ||
|
||
> A Vue.js starter kit that lets you focus on more programming and less configruation. | ||
> A full-featured Webpack setup with hot-reload, lint-on-save, unit testing & css extraction. | ||
## Build Setup | ||
> This template is Vue 2.0 compatible. For Vue 1.x use this command: `vue init webpack#1.0 my-project` | ||
``` bash | ||
# install dependencies | ||
npm install | ||
## Documentation | ||
|
||
- [For this template](http://vuejs-templates.github.io/webpack): common questions specific to this template are answered and each part is described in greater detail | ||
- [For Vue 2.0](http://vuejs.org/guide/): general information about how to work with Vue, not specific to this template | ||
|
||
# serve with hot reload at localhost:8080 | ||
npm run dev | ||
## Usage | ||
|
||
# build for production with minification | ||
npm run build | ||
This is a project template for [vue-cli](https://github.com/vuejs/vue-cli). **It is recommended to use npm 3+ for a more efficient dependency tree.** | ||
|
||
``` bash | ||
$ npm install -g vue-cli | ||
$ vue init webpack my-project | ||
$ cd my-project | ||
$ npm install | ||
$ npm run dev | ||
``` | ||
|
||
For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader). | ||
======= | ||
If port 8080 is already in use on your machine you must change the port number in `/config/index.js`. Otherwise `npm run dev` will fail. | ||
|
||
## What's Included | ||
|
||
- `npm run dev`: first-in-class development experience. | ||
- Webpack + `vue-loader` for single file Vue components. | ||
- State preserving hot-reload | ||
- State preserving compilation error overlay | ||
- Lint-on-save with ESLint | ||
- Source maps | ||
|
||
- `npm run build`: Production ready build. | ||
- JavaScript minified with [UglifyJS](https://github.com/mishoo/UglifyJS2). | ||
- HTML minified with [html-minifier](https://github.com/kangax/html-minifier). | ||
- CSS across all components extracted into a single file and minified with [cssnano](https://github.com/ben-eb/cssnano). | ||
- All static assets compiled with version hashes for efficient long-term caching, and a production `index.html` is auto-generated with proper URLs to these generated assets. | ||
- Use `npm run build --report`to build with bundle size analytics. | ||
|
||
- `npm run unit`: Unit tests run in PhantomJS with [Karma](http://karma-runner.github.io/0.13/index.html) + [Mocha](http://mochajs.org/) + [karma-webpack](https://github.com/webpack/karma-webpack). | ||
- Supports ES2015+ in test files. | ||
- Supports all webpack loaders. | ||
- Easy mock injection. | ||
|
||
- `npm run e2e`: End-to-end tests with [Nightwatch](http://nightwatchjs.org/). | ||
- Run tests in multiple browsers in parallel. | ||
- Works with one command out of the box: | ||
- Selenium and chromedriver dependencies automatically handled. | ||
- Automatically spawns the Selenium server. | ||
|
||
### Fork It And Make Your Own | ||
|
||
You can fork this repo to create your own boilerplate, and use it with `vue-cli`: | ||
|
||
``` bash | ||
vue init username/repo my-project | ||
``` |
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.