This repo is for the new wep app front-end for SDSS-V
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
.vue
Imports in TSTypeScript 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 TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue
types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
Extensions: Show Built-in Extensions
from VSCode's command palette
2) Find TypeScript and JavaScript Language Features
, right click and select Disable (Workspace)
Developer: Reload Window
from the command palette.This project is scaffolded with the following libraries:
Git clone this repo and run the following
# npm
npm install
# install a new package and add it to the "dependencies" section of package.json
npm install [package]
# install a new package and add it to the "devDependencies" section of package.json
npm install -D [package]
# npm
npm run dev
# npm
npm run build
npm run test:unit
# 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
# npm
npm run lint
# npm
npm run format
See Vite Configuration Reference.
This repo was created using modified instructions from the Vuetify installation, using nodejs 9.5.1.
npm create vuetify
package.json
, update the following dependencies
dependencies
, update
^3.2.47
^4.1.6
^4.0.0
^4.2.0
^1.0.0
npm install
to install initial packageVitest
, Playwright
, and Vue Test Utils