yuk7.github.io's Introduction

yuk7.is-a.dev

My personal website.

Environment

Language

Vue
JavaScript
TypeScript

Package Management

npm
dependabot

Library and Frameworks

Vue 3
Vuetify 3 Alpha
Axios
lodash

Hosting and CI

GitHub Pages (main branch)
GitHub Actions

How to get started

# Install dependencies
npm install

# Serve with hot reload at localhost:8080
npm run serve

# Build for production
npm run build

Directory structures

.
|-.github
|   |-workflows
|   |   |-build.yml (run build only build when pushed)
|   |   |-deploy.yml (build and push to main when pushed to source branch)
|   |   |-lint.yml (run lint when pushed and pull requested)
|
|-public (file generate template)
|   |-index.html (modified for supports SPA in GitHub Pages)
|   |-404.html (redirects to index.html for supports SPA in GitHub Pages)
|   |-* (assets, not related to main code)
|
|-src (source file directory)
|   |-main.ts (entry point script)
|   |-App.vue (main view)
|   |-assets
|   |   |-* (assets files)
|   |
|   |-router
|   |   |-index.ts (vue router config)
|   |
|   |-components
|   |   |-*.vue (vue components)
|   |
|   |-views
|   |   |-_NotFoundView.vue (not found page)
|   |   |-*.vue (sub views)

Recommend Projects