实现vue cli

安装 Vue CLI

确保系统已安装 Node.js（建议版本 12 以上）。通过 npm 全局安装 Vue CLI：

npm install -g @vue/cli

验证安装是否成功：

vue --version

创建新项目

使用以下命令创建项目，按提示选择配置（如 Babel、Router、Vuex 等）：

vue create project-name

进入项目目录：

cd project-name

启动开发服务器

运行以下命令启动开发服务器，默认访问 http://localhost:8080：

npm run serve

项目结构说明

关键目录和文件：

• src/：主开发目录
  • main.js：应用入口文件
  • App.vue：根组件
  • components/：存放自定义组件
• public/：静态资源目录
• package.json：依赖和脚本配置

添加插件或工具

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

vue add router
vue add vuex

安装第三方库（如 Axios）：

npm install axios

构建生产环境

生成优化后的生产环境代码，输出到 dist/ 目录：

npm run build

自定义配置

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

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

图形化界面（可选）

启动图形化管理界面：

vue ui

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