1
0
Fork
You've already forked frontend
0
forked from delibay/frontend
The frontend client of Delibay
  • Vue 77.6%
  • JavaScript 18.9%
  • CSS 2.1%
  • HTML 1.4%
Find a file
2023年01月21日 03:01:41 +01:00
cypress vue: setup a fresh (and cleaned) Vue 3 SPA, with Pinia, Cypress, Vitest, ESLint and Prettier 2023年01月21日 00:53:42 +01:00
public tailwind: add TailwindCSS in the project 2023年01月21日 01:05:03 +01:00
src css: increase headings size 2023年01月21日 03:01:41 +01:00
.eslintrc.cjs vue: setup a fresh (and cleaned) Vue 3 SPA, with Pinia, Cypress, Vitest, ESLint and Prettier 2023年01月21日 00:53:42 +01:00
.gitignore vue: setup a fresh (and cleaned) Vue 3 SPA, with Pinia, Cypress, Vitest, ESLint and Prettier 2023年01月21日 00:53:42 +01:00
.prettierrc.json vue: setup a fresh (and cleaned) Vue 3 SPA, with Pinia, Cypress, Vitest, ESLint and Prettier 2023年01月21日 00:53:42 +01:00
cypress.config.js vue: setup a fresh (and cleaned) Vue 3 SPA, with Pinia, Cypress, Vitest, ESLint and Prettier 2023年01月21日 00:53:42 +01:00
index.html vue: setup a fresh (and cleaned) Vue 3 SPA, with Pinia, Cypress, Vitest, ESLint and Prettier 2023年01月21日 00:53:42 +01:00
package-lock.json tailwind: add TailwindCSS in the project 2023年01月21日 01:05:03 +01:00
package.json tailwind: add TailwindCSS in the project 2023年01月21日 01:05:03 +01:00
postcss.config.js tailwind: add TailwindCSS in the project 2023年01月21日 01:05:03 +01:00
README.md readme: add branching system info 2023年01月21日 01:07:38 +01:00
tailwind.config.js tailwind: add TailwindCSS in the project 2023年01月21日 01:05:03 +01:00
vite.config.js vue: setup a fresh (and cleaned) Vue 3 SPA, with Pinia, Cypress, Vitest, ESLint and Prettier 2023年01月21日 00:53:42 +01:00

frontend

The frontend client of Delibay

This is a VueJS SPA, powered with latest tools of the Vue 3 Ecosystem :)

Development

The development is made in feature branches, merged in develop and finally in main. Checkout to another branch to see more work.

Make a production build

  1. Clone the repository: git clone https://codeberg.org/delibay/frontend.git
  2. Run npm run build
  3. The ./dist folder is the folder you can deploy!

Document base from Vue 3 project init:

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest 

npm run test:unit

Run End-to-End Tests with Cypress 

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint 

npm run lint