vue-cli创建一个可以执行的vue2工程
- 要使用 Vue CLI 创建一个可执行的 Vue 2 工程,请按照以下步骤操作:
- 首先,确保你已经安装了 Node.js 和 npm(Node.js 包管理器)。
- 安装 Vue CLI。在命令行中运行:
- 创建一个新的 Vue 2 项目。在你想要创建项目的目录中运行:
- 在交互式提示中,选择 “Manually select features”。
使用空格键选择以下特性:
Babel
Router
Vuex
CSS Pre-processors
Linter / Formatter - 当询问 Vue 版本时,选择 Vue 2。
- 对于其他选项,你可以根据个人偏好进行选择。例如:
选择 SCSS 作为 CSS 预处理器
选择 ESLint + Prettier 作为代码规范和格式化工具
选择 Lint on save
选择将配置文件放在单独的文件中
等待 Vue CLI 创建项目并安装依赖。 - 进入项目目录:cd report-h5
- 启动开发服务器:npm run serve
现在,你应该可以在浏览器中通过 http://localhost:8080 访问你的 Vue 2 应用了。
这个项目结构已经包含了基本的 Vue 2 配置,包括 Vue Router 用于路由管理,Vuex 用于状态管理,以及其他你在创建过程中选择的功能。你可以开始在 src 目录下编写你的 Vue 组件和应用逻辑了。
如果你需要构建生产版本,可以运行:
这将在 dist 目录下生成可部署的文件。
希望这个指南能帮助你创建并运行一个 Vue 2 项目!如果你有任何其他问题,随时问我。