- Developing VueJs 3 framwork in ViteJs module with TypeScript option.
- Composition API for hook in Vue3
- Get acquainted with REST API GITHUB
- Using axios HTTP Client library and fetch() method to fetch data links with support of Postman.
- Transporting data between components by event bus library in Javascript.
- The template uses Vue 3
<script setup>
SFCs, check out the script setup docs to learn more.
Setup dependencies
npm install
Enviroment variables
# create .env.<mode>
VITE_API_USERNAME=<your_username>
Compiles and hot-reloads for development
npm run dev
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint
- Since TypeScript cannot handle type information for
.vue
imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in.vue
imports (for example to get props validation when using manualh(...)
calls), you can enable Volar's.vue
type support plugin by runningVolar: Switch TS Plugin on/off
from VSCode command palette.
-
Any problem, should contact me via email.
-
Following ECL-2.0 LICENSE about @Copyright of @thuongtruong1009, 2021.
- Recommended IDE setup: Visual Studio Code + Volar.
- Extension: Vetur, Prettier, ESLint...
- Get started at ViteJs.
- Learning front-end full course at front-end course.