Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yurii-corssa/vite-vanilla-template
A streamlined Vite and Vanilla JS template for quickstart modern web development projects. It includes SCSS support and pre-configured build tools for a seamless development experience.
https://github.com/yurii-corssa/vite-vanilla-template
postcss scss vanilla-javascript vite
Last synced: 9 days ago
JSON representation
A streamlined Vite and Vanilla JS template for quickstart modern web development projects. It includes SCSS support and pre-configured build tools for a seamless development experience.
- Host: GitHub
- URL: https://github.com/yurii-corssa/vite-vanilla-template
- Owner: yurii-corssa
- License: mit
- Created: 2024-03-02T20:59:13.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-03T23:25:25.000Z (9 months ago)
- Last Synced: 2024-10-12T00:22:38.698Z (about 1 month ago)
- Topics: postcss, scss, vanilla-javascript, vite
- Language: SCSS
- Homepage:
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vite Vanilla Template
## Overview
This template is designed for those who want to start a project with Vite and Vanilla JS. It's a minimal setup that allows you to hit the ground running with the latest front-end technologies.
## Features
- **Vite:** Enjoy the lightning-fast HMR (Hot Module Replacement) and optimized build that Vite provides.
- **Vanilla JS:** Start with a clean slate with plain JavaScript, giving you the freedom to structure your project as you see fit.
- **SCSS Support:** Write your styles with SCSS, a powerful CSS pre-processor that helps keep your stylesheets organized.
- **Pre-configured Build Tools:** Comes with pre-configured settings for PostCSS, to help with autoprefixing and optimizations for your final build.
## Getting Started
This project is structured as a template for ease of use. To create a new repository using this template, follow these steps:
1. Navigate to the [vite-vanilla-template](https://github.com/yurii-corssa/vite-vanilla-template) on GitHub.
2. Click the "Use this template" button, located near the top of the repository.
3. Follow the prompts to create a new repository based on this template.
Once you've created your repository, you can clone it locally and begin development:
```bash
git clone
cd
npm install
```
Start the development server with:
```
npm run dev
```
## Building for Production
To build your project for production, run:
```
npm run build
```
This command will generate a dist folder that you can deploy to any static file server.
## License
This template is open source and available under the [MIT License](./LICENSE).