A redo of my skamfrance php website but in Vue!
https://webert.ch/projects/skamfrance-vue
- Vue 75.3%
- TypeScript 15.9%
- CSS 8%
- HTML 0.8%
|
All checks were successful
Build pipeline / build (push) Successful in 30s
Reviewed-on: #4 |
||
|---|---|---|
| .github/workflows | ||
| .vscode | ||
| public | ||
| src | ||
| .editorconfig | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .nvmrc | ||
| env.d.ts | ||
| example.env | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| tsconfig.vitest.json | ||
| vite.config.ts | ||
| vitest.config.ts | ||
skamfrance-vue
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VSCode + Volar (and disable Vetur).
Type Support for .vue Imports in TS
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Run Unit Tests with Vitest
npm run test:unit
Lint with ESLint
npm run lint