Coder Social home page Coder Social logo

dsherret / create-vite-extra Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bluwy/create-vite-extra

0.0 1.0 1.0 77 KB

Extra Vite templates

License: MIT License

JavaScript 47.89% TypeScript 7.85% CSS 29.06% HTML 7.64% Vue 4.33% Svelte 3.23%

create-vite-extra's Introduction

create-vite-extra

Scaffolding Your First Vite Project

Compatibility Note: Vite requires Node.js version 14.18+, 16+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.

With NPM:

$ npm create vite-extra@latest

With Yarn:

$ yarn create vite-extra

With PNPM:

$ pnpm create vite-extra

With Deno:

$ deno run -A --unstable npm:create-vite-extra

Then follow the prompts!

You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + SSR + Vue project, run:

# npm
npm create vite-extra@latest my-vue-app -- --template ssr-vue

# yarn
yarn create vite-extra my-vue-app --template ssr-vue

# pnpm
pnpm create vite-extra my-vue-app --template ssr-vue

# Deno
deno run -A --unstable npm:create-vite-extra --template deno-vue

Currently supported template presets include:

Template Try online
ssr-vanilla StackBlitz
ssr-vanilla-ts StackBlitz
ssr-vue StackBlitz
ssr-vue-ts StackBlitz
ssr-react StackBlitz
ssr-react-ts StackBlitz
ssr-preact StackBlitz
ssr-preact-ts StackBlitz
ssr-svelte StackBlitz
ssr-svelte-ts StackBlitz
deno-vanilla
deno-vue
deno-react
deno-preact
deno-lit
deno-svelte
library StackBlitz
library-ts StackBlitz
ssr-transform StackBlitz

You can use . for the project name to scaffold in the current directory.

Community Templates

create-vite-extra is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for community maintained templates that include other tools or target different frameworks. You can use a tool like degit to scaffold your project with one of the templates.

npx degit user/project my-project
cd my-project

npm install
npm run dev

If the project uses main as the default branch, suffix the project repo with #main

npx degit user/project#main my-project

Attribution

This project is originally a fork of create-vite. Credit goes to all of it's contributors.

create-vite-extra's People

Contributors

bartlomieju avatar bluwy avatar hashrock avatar jlarky avatar liruifengv avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.