typescript-vue-starter
v3.0.0
Published
Quick and Easy TypeScript Vue Starter
Downloads
12
Maintainers
Readme
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 | ⚡️ Add function | | Fix bug | 🐞 Fix bug | | Refactoring | 🛠 Refactoring | | Add package | 📦 Add package | | Fix readme | 📚 Fix readme | | Improvements style | 👁 Improvements style | | New Releases | 🎉 Releases |
💳 License
🤝 Contributors
- freevue https://github.com/freevuehub