Vue基础教程（157）精通Vue CLI和Vite之创建项目中的使用命令：Vue CLI与Vite——从“初恋”到“天降”，你的项目创建指南

一、开篇：遇见Vue的两种姿势

还记得你第一次创建Vue项目吗？那个在终端里输入vue create my-project后，盯着进度条发呆的下午？别不好意思，我们都经历过这种“初恋般的懵懂”。

如今Vue世界分裂成了两大阵营：稳如老狗的Vue CLI 和 快如闪电的Vite。这俩的关系，简直像极了爱情里的“青梅竹马”和“天降系”——一个知根知底，一个让你心跳加速。

作为一个踩过无数坑的老司机，我今天就带你深入这两个工具的灵魂深处，看看它们创建项目的那些“神操作”。放心，没有教科书式的说教，只有实战中的血泪经验。

二、Vue CLI：那个陪你长大的“老派绅士”

2.1 初识Vue CLI

Vue CLI就像是你的编程启蒙老师——有点啰嗦，但特别靠谱。安装它只需要一句咒语：

npm install -g @vue/cli
# 或者用yarn
yarn global add @vue/cli

安装成功后，你会获得一个超能力：在任何目录下召唤Vue项目。

2.2 创建项目的三种骚操作

方式一：命令行问答式（新手友好）

vue create my-project

这时候终端会变成一个贴心客服：

? Please pick a preset: 
  Default ([Vue 2] babel, eslint) 
  Default (Vue 3) ([Vue 3] babel, eslint) 
❯ Manually select features

手动选择时，你可以像在自助餐厅一样疯狂挑选：

? Check the features needed for your project:
 ◉ Babel
 ◯ TypeScript
 ◯ Progressive Web App (PWA) Support  
 ◉ Router
 ◉ Vuex
 ◉ CSS Pre-processors
 ◯ Linter / Formatter
 ◯ Unit Testing
 ◯ E2E Testing

方式二：一键远程预设（大佬专属）

如果你在GitHub存了自己的配置，可以这样：

vue create --preset username/repo my-project<