实现vue cli

安装 Vue CLI

确保系统已安装 Node.js（版本需 ≥8.9），通过以下命令全局安装 Vue CLI：

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

创建新项目

安装完成后，运行以下命令创建项目：

vue create project-name

根据提示选择预设配置（如 Babel、Router、Vuex 等），或手动选择特性。

启动开发服务器

进入项目目录并启动开发服务：

cd project-name
npm run serve

项目默认运行在 http://localhost:8080，支持热重载。

构建生产版本

生成优化后的生产环境代码：

npm run build

输出文件位于 dist/ 目录。

添加插件或依赖

通过 Vue CLI 添加官方插件（如 Router、Vuex）：

vue add router
vue add vuex

或通过 npm/yarn 安装其他依赖：

npm install axios

自定义配置

修改 vue.config.js 文件（需手动创建）覆盖默认配置，例如：

module.exports = {
  devServer: {
    port: 3000
  }
}

检查版本与更新

查看当前 Vue CLI 版本：

vue --version

更新到最新版本：

npm update -g @vue/cli

图形化界面（可选）

启动图形化管理界面：

vue ui

通过浏览器访问 http://localhost:8000 可视化创建和管理项目。