42 changed files with 110 additions and 135 deletions
@ -1,33 +1,39 @@
@@ -1,33 +1,39 @@
|
||||
# ---> Vue |
||||
# gitignore template for Vue.js projects |
||||
# |
||||
# 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 |
||||
# 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 |
||||
.vscode |
||||
*.suo |
||||
*.ntvs* |
||||
*.njsproj |
||||
*.sln |
||||
*.sw? |
||||
*.sw? |
||||
|
||||
*.tsbuildinfo |
||||
|
||||
.eslintcache |
||||
|
||||
# Cypress |
||||
/cypress/videos/ |
||||
/cypress/screenshots/ |
||||
|
||||
# Vitest |
||||
__screenshots__/ |
||||
|
||||
test-results/ |
||||
playwright-report/ |
||||
|
||||
@ -0,0 +1,11 @@
@@ -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 @@
@@ -1,3 +1,73 @@
|
||||
# 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 @@
@@ -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 @@
@@ -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