Vite + Tailwind + Electron + SSR + SSG

Quick Start

Make sure to have Git, Node.js and pnpm installed on your machine, then run:

# Clone this repository
$ git clone https://github.com/armoniacore/starter-template-vue-ts my-project

# Go into the repository
$ cd my-project

# Install dependencies
$ pnpm install

# Run the app in ssr
$ pnpm dev:ssr

# Run the app in electron
$ pnpm i electron electron-builder -D
$ pnpm dev:electron

Note: You can use your preferred package manager such as yarn or npm, however, make sure to read the notes for electron-builder.

References

This template project uses:

• Electron
• Electron Builder
• Electron Packager
• Vite

Note for Electron-Builder

If you are using pnpm with electron-builder, make sure to adjust your .npmrc as noted in the official electron-builder documentation, or use another package manager such as yarn.

// pick one of these
node-linker=hoisted
public-hoist-pattern=*
shamefully-hoist=true

Follow the ref: #6389 to explore more about this issue.

Vite vue-ts Starter Template

This project has been initialized from the official vite template vue-ts

$ pnpm create vite starter-template-vue-ts -- --template vue-ts

So make sure to read the vue-ts readme if you want to explore more about this starter template.

---

armonia