Svelte + TypeScript + Vite + StyleLint + ESLint Template

Table of Contents

• Recommended IDE Setup
• About this project
• Prerequisites

Recommended IDE Setup

• VSCode + Svelte.

About this project

This template includes the following packages:

這模板整合了以下套件

• Svelte - Svelte is a radical new approach to building user interfaces.
• TypeScript - TypeScript extends JavaScript by adding types.
• Vite - Vite Next Generation Frontend Tooling
• 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 V16 以上和 Yarn

• Node.js
• Yarn

This Demo project should br running on Node.js ( >= 16.X.X ) while testing.

Clone / Download

1. Clone this repository to your local machine
2. Start your development :)

$ git clone https://github.com/andy922200/svelte-ts-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 the webpack for development

$ yarn dev // port:3000

4. Fix the coding style automatically ( js / html )

$ yarn lint-fix

5. Check the css coding style

$ yarn css-check

6. Fix the css coding style automatically

$ yarn css-fix

Author

• Andy Lien