This template includes the following packages:
這模板整合了以下套件
- Vue 3 - The Progressive JavaScript Framework.
- Nuxt 3 - The Intuitive Web Framework
- TypeScript - TypeScript extends JavaScript by adding types.
- Pinia- The Vue Store that you will enjoy using
- 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
- Stylelint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
請先安裝好 Node.js 環境
This Demo project is running on Node.js (16.11.0) while testing.
- Clone this repository to your local machine
- Start your development :)
$ git clone https://github.com/andy922200/nuxt3-typescript-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 for development
$ npm run dev // port:3000
4. Fix the coding style automatically ( js / html )
$ npm run lint-fix
5. Check the css coding style
$ npm run css-check
6. Fix the css coding style automatically
$ npm run css-fix
7. Locally preview production build
npm run preview