Load the files into the new project folder (not into an already finished one, otherwise the files will be overwritten).
npx degit gisu/vueBoiler --force
If there is no package.json yet, initialize it with npm init
. Then install the remaining packages. It is assumed that it is usually an existing Vue or Nuxt project, in which Vite, Typescript, Eslint etc. are already installed.
dependencies
npm i container-query-polyfill @tailwindcss/container-queries
devDependencies
npm i -D @vitejs/plugin-vue @vue/test-utils @vitest/ui vitest @babel/types @types/web-bluetooth vue-tsc postcss postcss-import postcss-nested tailwindcss plop msw jsdom cssnano autoprefixer
Then expand the script block of package.json
:
"test:e2e": "cypress open",
"test:unit": "vitest run",
"test:unit:watch": "vitest",
"test:unit:ui": "vitest --ui",
"typecheck": "vue-tsc --noEmit",
"plop": "plop"
It is already prepared, in the file mocks/handlers.js
the requests are noted which should be mocked. To connect the service worker:
npx msw init public/ --save
Cypress installs relatively easily, the installer helps you with that.
npx cypress open
More info about possible problems