Knowledge Base

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== Vue.js Cheat Sheet ======

===== Prerequisites =====

Install [[https://nodejs.org/|Node.js]]

===== Create Application =====

<code bash>
npm init vue@latest
</code>

Answer the scaffolding setup prompts:

  - Project name: … <your-project-name>
  - Add TypeScript? … __No__ / Yes
  - Add JSX Support? … __No__ / Yes
  - Add Vue Router for Single Page Application development? … __No__ / Yes
  - Add Pinia for state management? … __No__ / Yes
  - Add Vitest for Unit testing? … No / Yes
  - Add Cypress for both Unit and End-to-End testing? … __No__ / Yes
  - Add ESLint for code quality? … __No__ / Yes
  - Add Prettier for code formatting? … __No__ / Yes

===== Install Dependencies / Run Application =====

<code bash>
cd <your-project-name>

npm install

npm run dev
</code>

===== Build For Production =====

<code bash>
npm run build
</code>

{{tag>front_end}}