/nuxt3-typescript-template

Nuxt3 + TypeScript + ESlint + Stylelint Template

Primary LanguageTypeScriptMIT LicenseMIT

Nuxt3 + TypeScript + ESlint + Stylelint Template

Table of Contents

Recommended IDE Setup

About this project

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.

Prerequisites

請先安裝好 Node.js 環境

This Demo project is running on Node.js (16.11.0) while testing.

Clone / Download

  1. Clone this repository to your local machine
  2. Start your development :)
$ git clone https://github.com/andy922200/nuxt3-typescript-template.git

Related Scripts

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

Author