开发 Vue 的两种方式:
- 核心包传统开发模式:基于 html / css / js 文件,直接引入核心包,开发 Vue。
- 工程化开发模式:基于构建工具(例如:webpack ) 的环境中开发 Vue。
工程化开发 & 脚手架 Vue CLI
基本介绍:
Vue CLI 是 Vue 官方提供的一个 全局命令工具。
可以帮助我们 快速创建 一个开发 Vue 项目的 标准化基础架子 。【集成了 webpack 配置】
webpack 配置:
好处: - 开箱即用,零配置
- 内置 babel 等工具
- 标准化
使用步骤: - 全局安装 (一次) : yarn global add @vue/cli 或 npm i @vue/cli -g
- 查看 Vue 版本: vue --version
- 创建项目架子: vue create project-name (项目名-不能用中文)
- 启动项目: yarn serve 或 npm run serve (找package.json)
脚手架目录文件介绍 & 项目运行流程