This template includes the following packages:
這模板整合了以下套件
- Vue 3 - The Progressive JavaScript Framework.
- TypeScript - TypeScript extends JavaScript by adding types.
- Vue I18n - Vue I18n is internationalization plugin for Vue.js
- Dayjs - Fast 2kB alternative to Moment.js with the same modern API
- @vitejs/plugin-legacy -This plugin provides support for legacy browsers that do not support native ESM when building for production.
- ESLint - Find and fix problems in your JavaScript code
- Stylelint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
- Axios - Promise based HTTP client for the browser and node.js
- Vue Test Utils - Vue Test Utils is the official unit testing utility library for Vue.js.
- Jest - Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
- Testing Library - Simple and complete testing utilities that encourage good testing practices
- TestCafe - A node.js tool to automate end-to-end web testing
請先安裝好 Node.js 環境
This Demo project is running on Node.js (16.17.0), NPM (8.15.0) while testing.
- Clone this repository to your local machine
- Start your development
$ git clone https://github.com/andy922200/vite-vue3-ts-template.git
1. Enter the project folder
> Open a new terminal window and enter the folder
$ cd <project folder>
2. Install packages via yarn
$ yarn install
3. Compiles the webpack for development
$ yarn run dev // port:8080
4. Fix the coding style automatically ( js / html )
$ yarn run lint-fix
5. Check the css coding style
$ yarn run check-css
6. Fix the css coding style automatically
$ yarn run format-css
7. Execute Unit Testing
$ yarn run test-jest
8. Execute E2E Testing
$ yarn run test-e2e