chore: move from @vitejs/create-app to create-vite (#4179)
patak
GitHub
@ -97,7 +97,7 @@ module.exports = defineConfig({
|
||||
}
|
||||
},
|
||||
{
|
||||
files: ['packages/create-app/template-*/**'],
|
||||
files: ['packages/create-vite/template-*/**'],
|
||||
rules: {
|
||||
'node/no-missing-import': 'off'
|
||||
}
|
||||
|
||||
2
.github/renovate.json5
vendored
@ -3,7 +3,7 @@
|
||||
"labels": ["dependencies"],
|
||||
"ignorePaths": [
|
||||
"packages/playground/**",
|
||||
"packages/create-app/template-*/**",
|
||||
"packages/create-vite/template-*/**",
|
||||
"**/__tests__/**"
|
||||
],
|
||||
"pin": false,
|
||||
|
||||
@ -46,7 +46,7 @@ Check out the [Migration Guide](https://vitejs.dev/guide/migration.html) if you
|
||||
| [@vitejs/plugin-vue-jsx](packages/plugin-vue-jsx) | [](packages/plugin-vue-jsx/CHANGELOG.md) |
|
||||
| [@vitejs/plugin-react-refresh](packages/plugin-react-refresh) | [](packages/plugin-react-refresh/CHANGELOG.md) |
|
||||
| [@vitejs/plugin-legacy](packages/plugin-legacy) | [](packages/plugin-legacy/CHANGELOG.md) |
|
||||
| [@vitejs/create-app](packages/create-app) | [](packages/create-app/CHANGELOG.md) |
|
||||
| [create-vite](packages/create-vite) | [](packages/create-vite/CHANGELOG.md) |
|
||||
|
||||
## Contribution
|
||||
|
||||
|
||||
@ -24,7 +24,7 @@ Since we decided to completely refactor the internals before 1.0 got out of RC,
|
||||
|
||||
The original idea of Vite started as a [hacky prototype that serves Vue single-file components over native ESM](https://github.com/vuejs/vue-dev-server). Vite 1 was a continuation of that idea with HMR implemented on top.
|
||||
|
||||
Vite 2.0 takes what we learned along the way and is redesigned from scratch with a more robust internal architecture. It is now completely framework agnostic, and all framework-specific support is delegated to plugins. There are now [official templates for Vue, React, Preact, Lit Element](https://github.com/vitejs/vite/tree/main/packages/create-app), and ongoing community efforts for Svelte integration.
|
||||
Vite 2.0 takes what we learned along the way and is redesigned from scratch with a more robust internal architecture. It is now completely framework agnostic, and all framework-specific support is delegated to plugins. There are now [official templates for Vue, React, Preact, Lit Element](https://github.com/vitejs/vite/tree/main/packages/create-vite), and ongoing community efforts for Svelte integration.
|
||||
|
||||
### New Plugin Format and API
|
||||
|
||||
|
||||
@ -24,7 +24,7 @@ Vite caches dependency requests via HTTP headers, so if you wish to locally edit
|
||||
|
||||
Vite provides an [HMR API](./api-hmr) over native ESM. Frameworks with HMR capabilities can leverage the API to provide instant, precise updates without reloading the page or blowing away application state. Vite provides first-party HMR integrations for [Vue Single File Components](https://github.com/vitejs/vite/tree/main/packages/plugin-vue) and [React Fast Refresh](https://github.com/vitejs/vite/tree/main/packages/plugin-react-refresh). There are also official integrations for Preact via [@prefresh/vite](https://github.com/JoviDeCroock/prefresh/tree/main/packages/vite).
|
||||
|
||||
Note you don't need to manually set these up - when you [create an app via `@vitejs/create-app`](./), the selected templates would have these pre-configured for you already.
|
||||
Note you don't need to manually set these up - when you [create an app via `create-vite`](./), the selected templates would have these pre-configured for you already.
|
||||
|
||||
## TypeScript
|
||||
|
||||
|
||||
@ -64,11 +64,11 @@ Supported template presets include:
|
||||
- `svelte`
|
||||
- `svelte-ts`
|
||||
|
||||
See [@vitejs/create-app](https://github.com/vitejs/vite/tree/main/packages/create-app) for more details on each template.
|
||||
See [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite) for more details on each template.
|
||||
|
||||
## Community Templates
|
||||
|
||||
@vitejs/create-app is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for [community maintained templates](https://github.com/vitejs/awesome-vite#templates) that include other tools or target different frameworks. You can use a tool like [degit](https://github.com/Rich-Harris/degit) to scaffold your project with one of the templates.
|
||||
create-vite is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for [community maintained templates](https://github.com/vitejs/awesome-vite#templates) that include other tools or target different frameworks. You can use a tool like [degit](https://github.com/Rich-Harris/degit) to scaffold your project with one of the templates.
|
||||
|
||||
```bash
|
||||
npx degit user/project my-project
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
# @vite/create-app
|
||||
# create-vite
|
||||
|
||||
## Scaffolding Your First Vite Project
|
||||
|
||||
@ -20,7 +20,7 @@ $ yarn create @vitejs/app
|
||||
With PNPM:
|
||||
|
||||
```bash
|
||||
$ pnpx @vitejs/create-app
|
||||
$ pnpx @vitejs/create-vite
|
||||
```
|
||||
|
||||
Then follow the prompts!
|
||||
@ -29,16 +29,16 @@ You can also directly specify the project name and the template you want to use
|
||||
|
||||
```bash
|
||||
# npm 6.x
|
||||
npm init @vitejs/app my-vue-app --template vue
|
||||
npm init vite@latest my-vue-app --template vue
|
||||
|
||||
# npm 7+, extra double-dash is needed:
|
||||
npm init @vitejs/app my-vue-app -- --template vue
|
||||
npm init vite@latest my-vue-app -- --template vue
|
||||
|
||||
# yarn
|
||||
yarn create @vitejs/app my-vue-app --template vue
|
||||
yarn create vite my-vue-app --template vue
|
||||
|
||||
# pnpm
|
||||
pnpx @vitejs/create-app my-vue-app --template vue
|
||||
pnpx create-vite my-vue-app --template vue
|
||||
```
|
||||
|
||||
Currently supported template presets include:
|
||||
@ -58,7 +58,7 @@ Currently supported template presets include:
|
||||
|
||||
## Community Templates
|
||||
|
||||
@vitejs/create-app is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for [community maintained templates](https://github.com/vitejs/awesome-vite#templates) that include other tools or target different frameworks. You can use a tool like [degit](https://github.com/Rich-Harris/degit) to scaffold your project with one of the templates.
|
||||
create-vite is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for [community maintained templates](https://github.com/vitejs/awesome-vite#templates) that include other tools or target different frameworks. You can use a tool like [degit](https://github.com/Rich-Harris/degit) to scaffold your project with one of the templates.
|
||||
|
||||
```bash
|
||||
npx degit user/project my-project
|
||||
@ -1,10 +1,10 @@
|
||||
{
|
||||
"name": "@vitejs/create-app",
|
||||
"name": "create-vite",
|
||||
"version": "2.4.5",
|
||||
"license": "MIT",
|
||||
"author": "Evan You",
|
||||
"bin": {
|
||||
"create-app": "index.js",
|
||||
"create-vite": "index.js",
|
||||
"cva": "index.js"
|
||||
},
|
||||
"files": [
|
||||
@ -13,7 +13,7 @@
|
||||
],
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path . --lerna-package create-app",
|
||||
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path . --lerna-package create-vite",
|
||||
"release": "node updateVersions && node ../../scripts/release.js --skipBuild"
|
||||
},
|
||||
"engines": {
|
||||
@ -22,12 +22,12 @@
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/vitejs/vite.git",
|
||||
"directory": "packages/create-app"
|
||||
"directory": "packages/create-vite"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/vitejs/vite/issues"
|
||||
},
|
||||
"homepage": "https://github.com/vitejs/vite/tree/main/packages/create-app#readme",
|
||||
"homepage": "https://github.com/vitejs/vite/tree/main/packages/create-vite#readme",
|
||||
"dependencies": {
|
||||
"kolorist": "^1.5.0",
|
||||
"minimist": "^1.2.5",
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
@ -18,7 +18,7 @@ Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also pow
|
||||
- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
|
||||
`vite dev` and `vite build` wouldn't work in a SvelteKit environment, for example.
|
||||
|
||||
This template contains as little as possible to get started with Vite + TypeScript + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-app` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
|
||||
This template contains as little as possible to get started with Vite + TypeScript + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
|
||||
|
||||
Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.1 KiB |
@ -18,7 +18,7 @@ Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also pow
|
||||
- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
|
||||
`vite dev` and `vite build` wouldn't work in a SvelteKit environment, for example.
|
||||
|
||||
This template contains as little as possible to get started with Vite + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-app` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
|
||||
This template contains as little as possible to get started with Vite + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
|
||||
|
||||
Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |