Vue.js with TypeScript's application generator.
🧐 What is Vue?
Vue is a progressive framework for building user interfaces.
Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.
The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.
🤔 Why typescript-vue-starter?
currently vue3 has greatly enhanced TypeScript support.
However, the @vue/cli module has limitations due to various design patterns and template structures,
so it was created by combining modules that are useful in practice.
🚀 Quick Start
Install with the npm global package
$ npm install -g typescript-vue-starter
Run npx to install the package
npx is a tool in the JavaScript package management module, npm.
This is a tool that allows you to run the npm package on a single run without installing the package.
If you don't specify a project name, the default typescript-vue-starter will be used instead.
$ npx typescript-vue-starter "project name"
Choose the template you want. We will create more templates later.
Select a templates
Start your typescript-vue-starter app in development mode at http://localhost:8080/
$ cd "project name" && npm run serve
🎠 Available commands for the server.
- Run the Server :
npm run serve
. - Build Static File:
npm run build
. - Check for linting errors:
npm run lint
. - Fix linting errors:
npm run lint:fix
.
🗂 Code Structure (default)
│
├── /public
│ ├── favicon.ico
│ └── index.html
│
├── /src
│ ├── /assets
│ │ └── logo.png
│ │
│ ├── /components
│ │ └── HelloWorld.vue
│ │
│ ├── /helpers
│ │ ├── common.ts
│ │ ├── error.ts
│ │ └── http.ts
│ │
│ ├── /locales
│ │ ├── ENG.json
│ │ └── KOR.json
│ │
│ ├── /mixins
│ │ └── index.ts
│ │
│ ├── /plugins
│ │ └── i18n.ts
│ │
│ ├── /router
│ │ └── index.ts
│ │
│ ├── /store
│ │ ├── /users
│ │ │ └── index.ts
│ │ │
│ │ ├── actions.ts
│ │ ├── getters.ts
│ │ ├── index.ts
│ │ ├── interface.ts
│ │ ├── mutations-types.ts
│ │ ├── mutations.ts
│ │ └── states.ts
│ │
│ ├── /views
│ │ ├── About.vue
│ │ └── Home.vue
│ │
│ ├── App.vue
│ ├── main.ts
│ ├── shims-tsx.d.ts
│ ├── shims-vue.d.ts
│ └── types.d.ts
│
├── .browserslistrc
├── .dockerignore
├── .editorconfig
├── .eslintrc.js
├── .gitignore
├── babel.config.js
├── docker-compose.yml
├── Dockerfile
├── Makefile
├── nginx.conf
├── package.json
└── tsconfig.json
📬 Recommended Commit Message
When | Commit Message |
---|---|
Add function |
|
Fix bug |
|
Refactoring |
|
Add package |
|
Fix readme |
|
Improvements style |
|
New Releases |
|
💳 License
🤝 Contributors
- freevue https://github.com/freevuehub