Demetory / dim-vue3-microsite

Vue 3 one-page microsite template

Dim Vue 3 Microsite

Personal minimalistic microsite based on Vue 3 + Vite + Dim-Vue3-Template
Uses TypeScript and Script Setup SFC

Preview

Live Demo

Requirements

• Node.js: >= 16.11.0
• npm: >= 6.32.4
  
  

Recommended IDE

• VSCode + Volar
  
  

Installed Modules

• Pinia → Storage
• Axios → Promise based HTTP client
• VueUse → Best Collection of Vue Composition Utilities
• SASS → CSS Preprocessor
• ESLint + Prettier → linting and code formatting
• Cypress → End-to-End (e2e) testing framework
• Vitest → Unit testing framework
  
  

Scripts

Clone repo

git clone https://github.com/Demetory/dim-vue3-template

Install and update dependencies

npm install

Update deps if needed

npm update

Development

Start the development server on http://localhost:5173

npm run dev

Build for Production

Build with type-check:

npm run build

or just for build only

npm run build-only

Linting

npm run lint

npm run type-check

Testing

Vitest unit testing

npm run test:unit

Cypress e2e-testing

npm run test:e2e

License

MIT @demetory