实现vue cli

安装 Vue CLI

确保系统中已安装 Node.js（版本建议 12.x 或更高）。通过 npm 全局安装 Vue CLI：

npm install -g @vue/cli

安装完成后验证版本：

vue --version

创建新项目

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

vue create my-project

或通过图形界面创建：

vue ui

项目结构说明

默认生成的核心目录和文件：

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

常用开发命令

启动开发服务器：

npm run serve

生产环境构建：

npm run build

运行 lint 检查：

npm run lint

添加插件

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

vue add router

自定义配置

修改 vue.config.js 覆盖默认配置，例如：

module.exports = {
  devServer: {
    port: 8081,
  },
  productionSourceMap: false
}

项目部署

构建后的产物位于 dist/ 目录，可直接部署到静态服务器。如需配置路由 history 模式，需服务器支持 URL 重定向。