Create-vite-template NPM

Vite CLI 🚧🚧

🚧🚧 Build highly customized scaffold out of the box based on vite3

Log

0.15.1-alpha Refactor Map mapping refactoring EJS 2022.7.21 📦📦
0.15.2-alpha Refactor refactor Ejs render way 2022.7.25 🌈 🌈
0.15.5-alpha Refactoring command line architecture supports npx creation 2022.7.27 🌈 🌈
0.15.6-alpha Refactoring npx creation Success 2022.7.27 🌈 🌈
0.15.8-alpha Fix file already and some bug 2022.7.30 🌈 🌈
Big Break 0.15.9-alpha Reconstruct production dependence 2022.8.1 📦📦

Start 📦📦

Recommended to use pnpm to install Vite CLI .

  npx create-vite-template@latest

Enter 'vite' on the command line to check whether the installation is successful

Step1 Select the package manager that needs to be created. It is recommended to use pnpm to create projects

🎨  🎨   VITE_CLI V-0.0.9-alpha   🎨  🎨

🚀 Welcome To Create Template for Vite!

? 选择您的包管理器 (Use arrow keys)
> Pnpm
  Yarn
  Npm

Step2 Select the dependency to add the project

√ Add Vue Router for Single Page Application development? ... No / Yes
√ Add Pinia for state management? ... No / Yes
√ Add ESLint for code quality? ... No / Yes
√ Add Prettier for code formatting? ... No / Yes
? choose Your Device (选择目标设备) » - Use arrow-keys. Return to submit.
>   PC
    移动端
? choose UI frameWork (选择您的 UI 框架) » - Use arrow-keys. Return to submit.
>   Element Plus
    Vuetify3 Beta
    Naive UI
    Ant Design Vue 2.x
    DevUI
    arco-design
    TDesign
    Varlet
    Vant 3.x
    tdesign-mobile-vue

Step3 Select custom import vite plugin

? Custorm Plugins (自定义你的插件) (Press <space> to select, <a> to toggle all, <i> to invert selection)
( )   @vitejs/plugin-vue-jsx 提供 Vue 3 JSX 支持
( )   @vitejs/plugin-legacy 为打包后的文件提供传统浏览器兼容性支持
( )   vite-plugin-html 构建您的index.html
( )   unplugin-vue-components 自动按需导入Vue组件
( )   unplugin-auto-import 自动引入Api
( )   Unocss 即时的按需原子 CSS 引擎
( )   vite-plugin-pwa 零配置 PWA
( )   vite-plugin-inspect 模块运行时依赖可视化
( )   rollup-plugin-visualizer 打包后包体积分析
( )   unplugin-icons 按需加载图标库

Currently, the template supports the following plugins The supported template presets are:

FrameWork	finish
Vite3 Vue3	🚧✅
Vite3 React18	🚧❌
Nuxt	🚧❌

Feature / Version	finish	UI Library	finish
Vue-Router 4.x	✅	Element-Plus	✅
Pinia 2.x	✅	Naive-UI	✅
		Vuetify-beta5	✅
Eslint 8.x	✅	DevUI	✅
Prettier 2.7.x	✅	Ant-design-vue	✅
TypeScript 4.7.x	✅	arco-design	✅
husky	🚧❌	TDesign	✅
PWA	🚧❌	Varlet	✅
		tdesign-mobile-vue	🚧❌
		Vant	🚧❌

Feature / Version	finish
Vue	v3.2.x
Vite	v3.0.0
@vitejs/plugin-vue-jsx	✅
@vitejs/plugin-legacy	✅
vite-plugin-inspect	✅
vite-plugin-pwa	✅
unplugin-vue-components	✅
unplugin-auto-import	✅
Unocss	✅
rollup-plugin-visualizer	✅
unplugin-icons	✅
Vite-plugin-html	✅ new add