如何使用Vue CLI创建项目？

Vue CLI是一个功能强大的标准工具链，用于快速搭建基于Vue.js的单页应用。它通过交互式的命令行界面，让你能轻松配置项目结构、构建工具和依赖。虽然Vite正逐渐成为新项目的默认选择，但Vue CLI因其成熟和稳定，仍在许多项目中广泛使用。

安装与初始化

首先，你需要全局安装Vue CLI。使用npm或yarn均可。

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

安装完成后，你就可以使用vue create命令来创建新项目了。

vue create my-vue-app

执行命令后，CLI会启动一个交互式的配置流程。

选择预设配置

你会被提示选择一个预设。通常有两种选择：

• 默认预设：包含Babel和ESLint的基本配置，适合快速开始。
• 手动选择特性：你可以自由勾选项目所需的功能，例如Vuex、Vue Router、CSS预处理器（Sass/Less）、TypeScript、单元测试等。

对于大多数项目，推荐选择“手动选择特性”，以便按需配置。

? Please pick a preset:
  default (babel, eslint)
> Manually select features

接下来，通过空格键选择你需要的功能，并按回车确认。

后续配置与项目创建

根据你选择的功能，CLI会进一步询问一些配置细节。例如，如果你选择了Vue版本，需要选择2.x或3.x；如果选择了CSS预处理器，需要选择Sass或Less；如果选择了代码规范，需要选择ESLint的配置风格。

? Check the features needed for your project:
 (*) Babel
 (*) Router
 ( ) Vuex
 (*) CSS Pre-processors
>( ) Linter / Formatter

? Choose a version of Vue.js that you want to start the project:
  2.x
> 3.x

? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):
  Sass/SCSS (with dart-sass)
> Less
  Stylus

所有配置完成后，CLI会开始安装依赖并创建项目结构。

运行与构建

项目创建成功后，进入项目目录并启动开发服务器。

cd my-vue-app
npm run serve

开发服务器启动后，你可以在浏览器中打开http://localhost:8080查看你的应用。它支持热重载，修改代码后页面会自动更新。

当你需要构建生产版本时，运行：

npm run build

这将在项目根目录下生成一个dist文件夹，里面是优化和压缩后的静态文件，可以直接部署到Web服务器。

因此，Vue CLI提供了一个开箱即用、高度可配置的项目脚手架。它隐藏了复杂的Webpack配置细节，让开发者能专注于业务逻辑。对于需要快速启动、且希望使用成熟稳定生态的项目，Vue CLI依然是可靠的选择。对于追求极致启动和构建速度的新项目，Vite也值得考虑。