42 changed files with 110 additions and 135 deletions
@ -1,33 +1,39 @@ |
|||||||
# ---> Vue |
# Logs |
||||||
# gitignore template for Vue.js projects |
logs |
||||||
# |
*.log |
||||||
# Recommended template: Node.gitignore |
|
||||||
|
|
||||||
# TODO: where does this rule come from? |
|
||||||
docs/_book |
|
||||||
|
|
||||||
# TODO: where does this rule come from? |
|
||||||
test/ |
|
||||||
|
|
||||||
.DS_Store |
|
||||||
node_modules |
|
||||||
/dist |
|
||||||
|
|
||||||
# local env files |
|
||||||
.env.local |
|
||||||
.env.*.local |
|
||||||
|
|
||||||
# Log files |
|
||||||
npm-debug.log* |
npm-debug.log* |
||||||
yarn-debug.log* |
yarn-debug.log* |
||||||
yarn-error.log* |
yarn-error.log* |
||||||
pnpm-debug.log* |
pnpm-debug.log* |
||||||
|
lerna-debug.log* |
||||||
|
|
||||||
|
node_modules |
||||||
|
.DS_Store |
||||||
|
dist |
||||||
|
dist-ssr |
||||||
|
coverage |
||||||
|
*.local |
||||||
|
|
||||||
# Editor directories and files |
# Editor directories and files |
||||||
|
.vscode/* |
||||||
|
!.vscode/extensions.json |
||||||
.idea |
.idea |
||||||
.vscode |
|
||||||
*.suo |
*.suo |
||||||
*.ntvs* |
*.ntvs* |
||||||
*.njsproj |
*.njsproj |
||||||
*.sln |
*.sln |
||||||
*.sw? |
*.sw? |
||||||
|
|
||||||
|
*.tsbuildinfo |
||||||
|
|
||||||
|
.eslintcache |
||||||
|
|
||||||
|
# Cypress |
||||||
|
/cypress/videos/ |
||||||
|
/cypress/screenshots/ |
||||||
|
|
||||||
|
# Vitest |
||||||
|
__screenshots__/ |
||||||
|
|
||||||
|
test-results/ |
||||||
|
playwright-report/ |
||||||
|
|||||||
@ -0,0 +1,11 @@ |
|||||||
|
{ |
||||||
|
"recommendations": [ |
||||||
|
"Vue.volar", |
||||||
|
"vitest.explorer", |
||||||
|
"ms-playwright.playwright", |
||||||
|
"dbaeumer.vscode-eslint", |
||||||
|
"EditorConfig.EditorConfig", |
||||||
|
"oxc.oxc-vscode", |
||||||
|
"prettier.prettier-vscode" |
||||||
|
] |
||||||
|
} |
||||||
@ -1,3 +1,73 @@ |
|||||||
# toonpets.corneruniverse.com |
# toonpets.corneruniverse.com |
||||||
|
|
||||||
Website for toonpets |
This template should help get you started developing with Vue 3 in Vite. |
||||||
|
|
||||||
|
## Recommended IDE Setup |
||||||
|
|
||||||
|
[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur). |
||||||
|
|
||||||
|
## Recommended Browser Setup |
||||||
|
|
||||||
|
- Chromium-based browsers (Chrome, Edge, Brave, etc.): |
||||||
|
- [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) |
||||||
|
- [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters) |
||||||
|
- Firefox: |
||||||
|
- [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/) |
||||||
|
- [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/) |
||||||
|
|
||||||
|
## 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](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types. |
||||||
|
|
||||||
|
## Customize configuration |
||||||
|
|
||||||
|
See [Vite Configuration Reference](https://vite.dev/config/). |
||||||
|
|
||||||
|
## Project Setup |
||||||
|
|
||||||
|
```sh |
||||||
|
npm install |
||||||
|
``` |
||||||
|
|
||||||
|
### Compile and Hot-Reload for Development |
||||||
|
|
||||||
|
```sh |
||||||
|
npm run dev |
||||||
|
``` |
||||||
|
|
||||||
|
### Type-Check, Compile and Minify for Production |
||||||
|
|
||||||
|
```sh |
||||||
|
npm run build |
||||||
|
``` |
||||||
|
|
||||||
|
### Run Unit Tests with [Vitest](https://vitest.dev/) |
||||||
|
|
||||||
|
```sh |
||||||
|
npm run test:unit |
||||||
|
``` |
||||||
|
|
||||||
|
### Run End-to-End Tests with [Playwright](https://playwright.dev) |
||||||
|
|
||||||
|
```sh |
||||||
|
# Install browsers for the first run |
||||||
|
npx playwright install |
||||||
|
|
||||||
|
# When testing on CI, must build the project first |
||||||
|
npm run build |
||||||
|
|
||||||
|
# Runs the end-to-end tests |
||||||
|
npm run test:e2e |
||||||
|
# Runs the tests only on Chromium |
||||||
|
npm run test:e2e -- --project=chromium |
||||||
|
# Runs the tests of a specific file |
||||||
|
npm run test:e2e -- tests/example.spec.ts |
||||||
|
# Runs the tests in debug mode |
||||||
|
npm run test:e2e -- --debug |
||||||
|
``` |
||||||
|
|
||||||
|
### Lint with [ESLint](https://eslint.org/) |
||||||
|
|
||||||
|
```sh |
||||||
|
npm run lint |
||||||
|
``` |
||||||
|
|||||||
@ -1,39 +0,0 @@ |
|||||||
# Logs |
|
||||||
logs |
|
||||||
*.log |
|
||||||
npm-debug.log* |
|
||||||
yarn-debug.log* |
|
||||||
yarn-error.log* |
|
||||||
pnpm-debug.log* |
|
||||||
lerna-debug.log* |
|
||||||
|
|
||||||
node_modules |
|
||||||
.DS_Store |
|
||||||
dist |
|
||||||
dist-ssr |
|
||||||
coverage |
|
||||||
*.local |
|
||||||
|
|
||||||
# Editor directories and files |
|
||||||
.vscode/* |
|
||||||
!.vscode/extensions.json |
|
||||||
.idea |
|
||||||
*.suo |
|
||||||
*.ntvs* |
|
||||||
*.njsproj |
|
||||||
*.sln |
|
||||||
*.sw? |
|
||||||
|
|
||||||
*.tsbuildinfo |
|
||||||
|
|
||||||
.eslintcache |
|
||||||
|
|
||||||
# Cypress |
|
||||||
/cypress/videos/ |
|
||||||
/cypress/screenshots/ |
|
||||||
|
|
||||||
# Vitest |
|
||||||
__screenshots__/ |
|
||||||
|
|
||||||
test-results/ |
|
||||||
playwright-report/ |
|
||||||
@ -1,73 +0,0 @@ |
|||||||
# toonpets.corneruniverse.com |
|
||||||
|
|
||||||
This template should help get you started developing with Vue 3 in Vite. |
|
||||||
|
|
||||||
## Recommended IDE Setup |
|
||||||
|
|
||||||
[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur). |
|
||||||
|
|
||||||
## Recommended Browser Setup |
|
||||||
|
|
||||||
- Chromium-based browsers (Chrome, Edge, Brave, etc.): |
|
||||||
- [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) |
|
||||||
- [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters) |
|
||||||
- Firefox: |
|
||||||
- [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/) |
|
||||||
- [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/) |
|
||||||
|
|
||||||
## 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](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types. |
|
||||||
|
|
||||||
## Customize configuration |
|
||||||
|
|
||||||
See [Vite Configuration Reference](https://vite.dev/config/). |
|
||||||
|
|
||||||
## Project Setup |
|
||||||
|
|
||||||
```sh |
|
||||||
npm install |
|
||||||
``` |
|
||||||
|
|
||||||
### Compile and Hot-Reload for Development |
|
||||||
|
|
||||||
```sh |
|
||||||
npm run dev |
|
||||||
``` |
|
||||||
|
|
||||||
### Type-Check, Compile and Minify for Production |
|
||||||
|
|
||||||
```sh |
|
||||||
npm run build |
|
||||||
``` |
|
||||||
|
|
||||||
### Run Unit Tests with [Vitest](https://vitest.dev/) |
|
||||||
|
|
||||||
```sh |
|
||||||
npm run test:unit |
|
||||||
``` |
|
||||||
|
|
||||||
### Run End-to-End Tests with [Playwright](https://playwright.dev) |
|
||||||
|
|
||||||
```sh |
|
||||||
# Install browsers for the first run |
|
||||||
npx playwright install |
|
||||||
|
|
||||||
# When testing on CI, must build the project first |
|
||||||
npm run build |
|
||||||
|
|
||||||
# Runs the end-to-end tests |
|
||||||
npm run test:e2e |
|
||||||
# Runs the tests only on Chromium |
|
||||||
npm run test:e2e -- --project=chromium |
|
||||||
# Runs the tests of a specific file |
|
||||||
npm run test:e2e -- tests/example.spec.ts |
|
||||||
# Runs the tests in debug mode |
|
||||||
npm run test:e2e -- --debug |
|
||||||
``` |
|
||||||
|
|
||||||
### Lint with [ESLint](https://eslint.org/) |
|
||||||
|
|
||||||
```sh |
|
||||||
npm run lint |
|
||||||
``` |
|
||||||
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 276 B After Width: | Height: | Size: 276 B |
Loading…
Reference in new issue