Sveltekit Extension Template

Overview

The SvelteKit Extension Template, created by Luke Hagar, is built with SvelteKit and Skeleton. It comes with various features out of the box, including Skeleton, Tailwind, Chrome Types, ESLint, Prettier, TypeScript, Vite, and Vitest. This template can be used for extension development in Chrome.

Features

• Skeleton: Provides a basic structure and layout for the extension.
• Tailwind: Offers a utility-first CSS framework for designing the extension.
• Chrome Types: Includes TypeScript definitions for Chrome extension APIs.
• ESLint: Helps maintain code quality and enforce coding standards.
• Prettier: Ensures consistent code formatting.
• TypeScript: Allows for the use of strong typing and better IDE support.
• Vite: Enables fast and efficient development with lightning-fast cold boot and instant hot module replacement.
• Vitest: Provides a speedy test runner for running tests on the extension.

Installation

To install the SvelteKit Extension Template, follow these steps:

1. Create a new project using the template.
2. Install dependencies using one of the following commands:

npm install

yarn

pnpm install

Summary

The SvelteKit Extension Template is a versatile starting point for developing Chrome extensions using SvelteKit and Skeleton. It comes with a range of features like Tailwind, Chrome Types, ESLint, Prettier, TypeScript, Vite, and Vitest, making it easier to set up and develop extensions. By following the installation guide, developers can quickly get started with building their own Chrome extensions using this template.