Youmenomi / nuxt-typescript-starter

TypeScript Support for Nuxt.js

nuxt-typescript-starter

This boilerplate built with Nuxt.js showcasing how to add TypeScript support. It features integrations with ESLint (linting), Prettier (code formatting), Jest (testing), Axios (http calls on steroids), PWA (Progressive Web App) and Automatically run eslint and jest before git commit.

• View intergration details from git history.
• Use create-nuxt-ts-app cli to create your own project.

Quick Start

# Clone the repo
git clone https://github.com/Youmenomi/nuxt-typescript-starter.git

cd nuxt-typescript-starter
# Install dependencies
yarn install

# serve with hot reload at localhost:3000
yarn dev

# build for production and launch server
yarn build
yarn start

# generate static project
yarn generate

Typescript Support

• Nuxt (Vue)
• Jest
• lint-staged

VSCode

Prerequisites

• Vetur
• ESLint

Autofix and format codes on save

• settings.json

Custom eslint rule in prettier

• For example, for 4-space indentation: .prettierrc

Resources

• Nuxt Typescript
• ts-jest
• lint-staged
• Prettier