一、引言

在前端开发的世界里，Vue.js 凭借其简洁高效的特点，深受开发者喜爱。而 Vue CLI（Command Line Interface，命令行界面）则是快速搭建 Vue 项目的得力助手，能帮我们自动化完成项目初始化、配置等繁琐工作。接下来，就跟着我一步步用 Vue CLI 创建属于你的 Vue 项目吧，文中还会插入实用插图，让操作更清晰～

二、前期准备：安装 Vue CLI

要使用 Vue CLI，首先得在你的电脑上安装它。打开终端（Windows 系统可使用命令提示符或 PowerShell，Mac 和 Linux 系统使用终端即可），输入以下命令：
bash

npm install -g @vue/cli

这行命令的作用是，通过 npm（Node 包管理器，Node.js 安装后自带）全局（-g 参数表示全局安装）安装 @vue/cli 包，也就是 Vue CLI 工具啦。安装完成后，为了确认安装成功，我们可以查看它的版本，输入：
bash

vue --version

执行后，终端会显示出你安装的 Vue CLI 版本号，类似这样（版本号可能因实际安装情况不同而有差异）：

看到版本号，就说明 Vue CLI 已经妥妥安装好啦，接下来可以创建项目咯。

三、创建 Vue 项目

准备好 Vue CLI 后，就可以创建新的 Vue 项目了。在终端中，切换到你想要存放项目的目录（比如你想把项目放在 Documents 文件夹下，就可以先执行 cd Documents 命令切换目录），然后输入：
bash

vue create my-project 
回车之后
这里会让你选择vue版本2/3上下键选择然后回车即可

这里的 my-project 是项目名称，你可以根据自己的需求修改，比如改成 vue-demo 之类的。执行命令后，Vue CLI 会引导你进行一些项目配置选择，像这样：

通常如果是快速体验，选择默认的配置（一般按回车键确认即可）；如果想自定义配置（比如选择 Vue 版本、添加路由、状态管理等），可以根据提示用方向键选择 Manually select features 进行手动配置。

四、启动项目

项目创建完成后，进入项目目录：

cd my-project

然后启动项目，输入：

npm run serve
or
npm run dev

执行后，终端会显示项目的启动信息，比如：

此时，你打开浏览器，访问终端中显示的本地地址（一般是 http://localhost:8080 ，具体以终端输出为准 ），就能看到 Vue 项目的初始页面啦，通常是这样一个简洁的 Vue 欢迎界面：

五、总结

通过 npm install -g @vue/cli 安装 Vue CLI 工具，用 vue --version 验证安装，借助 vue create my-project 创建项目，最后通过 npm run serve 启动项目，这样一套流程下来，你就成功搭建并运行起一个 Vue 项目啦，后续就可以在这个基础上进行开发，添加组件、实现功能，打造属于自己的 Vue 应用啦。快去试试吧