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
- ESLint - Find and fix problems in your JavaScript code
- Tailwind - Rapidly build modern websites without ever leaving your HTML.
- 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.
- Vitest - A Vite-native testing framework. It's fast!
- TestCafe - A node.js tool to automate end-to-end web testing
- unplugin-icons - Access thousands of icons as components on-demand universally
- vueform/multiselect - Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind CSS support)
以及封裝一些實用的 Composable with some useful Composable
請先安裝好 Node.js 環境
This Demo project is running on Node.js (20.12.0), NPM (10.5.0) while testing.
- Clone this repository to your local machine
- Start your development
$ git clone https://github.com/andy922200/vite-vue3-multi-pages-template.git
1. Enter the project folder
> Open a new terminal window and enter the folder
$ cd <project folder>
2. Install packages via pnpm
$ pnpm install
3. Compiles the webpack for development
$ pnpm dev // port:5765 (vite.config.shared.ts)
4. Fix the coding style automatically ( js / html )
$ pnpm lint
5. Execute Unit Testing
$ pnpm test-vitest
6. Execute E2E Testing
$ pnpm test-e2e