Citizen Science Zurich - Project builder

Project builder - pybossa-client

Build Setup

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn run dev

# build for production with minification
yarn run build

# build for production and view the bundle analyzer report
yarn run build --report

# run unit tests
yarn run unit

# run e2e tests
yarn run e2e

# run all tests
yarn test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Dev links

Vue

• routing : https://router.vuejs.org/
• vuex : https://vuex.vuejs.org/
• assets and css : https://vue-loader.vuejs.org/#what-is-vue-loader
• list of components : https://github.com/vuejs/awesome-vue
• bootstrap vue : https://bootstrap-vue.js.org/docs/components/layout

Testing

• e2e : http://nightwatchjs.org/guide/
• unit :
  • Vue test helper : https://vue-test-utils.vuejs.org/
  • Assertions : https://www.chaijs.com/api/bdd/
• test runner : http://karma-runner.github.io/0.13/config/configuration-file.html
• karma intellij integration : https://gitlab.mobilethinking.ch/pybossa/client/wikis/Configure-Karma-test-runner-in-PhpStorm-or-WebStorm

Global config

• eslint rules : https://eslint.org/docs/2.0.0/rules/