Starters

Kickstart your project with a starter in VSCode

Motivation

• As a front-end developer, everytime before I create a new project, I have to open a terminal, enter some commands recommended in the front-end framework documentation; sometimes I even forget these commands. This whole process apparently needs more efficiency.
• In the process of developing Flutter projects, I found that I could quickly create a Flutter project through the Dart extension for VSCode, so I developed this extension in order to do the same when creating some front-end projects.

Features

• Create project from starter template
• Set options for starter template
• Select your preferred package manager
• Enable or disable automatic initialization of Git
• Enable or disable automatic installation of dependencies

Usage

Run Starters: New Project command to create your new project

Settings

{
  "starters.globalSettings.needsGitInit": true,
  "starters.globalSettings.needsInstall": true,
  "starters.globalSettings.packageManager": "pnpm",

  "starters.createVue.needsTypeScript": true,
  "starters.createVue.needsJsx": true,
  "starters.createVue.needsRouter": true,
  "starters.createVue.needsPinia": true,
  "starters.createVue.needsVitest": true,
  "starters.createVue.endToEndTestingSolution": "cypress",
  "starters.createVue.needsEslint": true,
  "starters.createVue.needsPrettier": true,

  "starters.createNextApp.needsTypeScript": true,
  "starters.createNextApp.needsEslint": true,
  "starters.createNextApp.needsTailwind": true,
  "starters.createNextApp.needsSrcDirectory": true,
  "starters.createNextApp.needsAppRouter": true,
  "starters.createNextApp.customizeTheDefaultImportAlias": "@/*",

  "starters.createSvelte.whichAppTemplate": "default",
  "starters.createSvelte.addTypeCheckingWith": "typescript",
  "starters.createSvelte.needsEslint": true,
  "starters.createSvelte.needsPrettier": true,
  "starters.createSvelte.needsPlaywright": true,
  "starters.createSvelte.needsVitest": true,
  "starters.createSvelte.trySvelte5Preview": true,

  "starters.createSolid.whichTemplate": "bare",
  "starters.createSolid.needsSsr": true,
  "starters.createSolid.needsTypeScript": true,

  "starters.createNest.needsTypeScript": true,

  "starters.createExpoApp.whichTemplate": "expo-template-blank-typescript"
}

Support Templates

• Nuxt3 Minimal Starter - Create a new Nuxt project.
• Vitesse Nuxt3 - Vitesse for Nuxt 3.
• Create Vue - The recommended way to start a Vite-powered Vue project.
• Vitesse - Opinionated starter template.
• Vitesse Lite - Lightweight version of Vitesse.
• Create Next App - The easiest way to get started with Next.js.
• Create Svelte - Create new SvelteKit projects.
• Create Solid - The easiest way to get started with Solid.
• Starter TS - Starter template for TypeScript library.
• Starter VSCode - Starter template for VS Code Extension.
• Vitesse WebExt - WebExtension Vite Starter Template.
• Nest CLI - CLI tool for Nest applications.
• Create Expo App - The fastest way to create universal React apps.
• ...

License

MIT License © 2023 YRM