Experiments on vue.js
Vue Cli is a tool to kickstart your vue project with npm or yarn (the FB version of NPM).
To run the project, you can follow each readme, don't forget to npm install before.
All the
npmcommands can be configured through thepackage.jsonfile.
You can use Bulma styled components with Buefy they will integrate nicely with your vue.js app
You can find more about Bulma to build the css.
Vue.js can be unit tested and end to end tested with some tools.
I have been using jest with vue-test-utils for the unit testing because most of vue.js tests example are written using jest annotation.
The vue test utils is installed with vue and have a nice documentation attached.
So far I have seen but not really used two:
- Cypress
- Nightwatch but as of now this one seems to have critical security flaw (when I
npm auditthe one I have used and can't update / fix)
Some line to add in scripts in your package.json
When Jest is jammed and you want to clear the cache:
// npm run clear_jest
"clear_jest": "jest --clearCache"When linting why not easy fix trailing spaces and other noise errors using:
// npm run lint
"lint": "eslint --fix . --ext .js,.vue src test/unit test/e2e/specs"Here are some links: