n3wborn / vite-vue-ts

vite-vue-ts boilerplate running with docker. To have my dev env ready to start when learning vuejs

Vite Vue TS

Install

git clone https://github.com/n3wborn/vite-vue-ts.git

cd vite-vue-ts

make install

Config

Vite and Docker are configured to use 3333 port but you can change if you want.

change Vite port:

# vite.config.ts
server: {
-    port: 3333,
+    port: <new port>,
    host: true,
},

change container port accordingly:

# Makefile
-PORT_CONTAINER = 3333
+PORT_CONTAINER = <new port>

if you want to change you host port too:

# Makefile
-PORT_HOST = 3333
+PORT_HOST = <new port>

Dev

• make dev
• navigate to http://localhost:<PORT_HOST>/ where PORT_HOST is... the PORT_HOST
• enjoy Vite Hot Module Reload and TS support
• have fun with Vuejs

Package Management

Once container is running :

• make add_deps <package> to add a dependency
• make add_dev_deps for a dev dependency
• make rm_deps to remove one of them

Links

• Vue
• Vite config
• Vite server config
• Node on Docker hub
• Node lts-slim image on Docker hub
• Docker
• Docker and Node.js best practices