
上QQ阅读APP看书,第一时间看更新
2.1.3 命令行工具(CLI)
Vue提供了一个官方的脚手架(Vue CLI),使用它可以快速搭建一个应用。搭建的应用只需要几分钟的时间就可以运行起来,并带有热重载、保存时lint校验,以及生产环境可用的构建版本。
例如想构建一个大型的应用,可能需要将东西分割成各自的组件和文件,如图2-1所示,此时便可以使用Vue CLI快速初始化工程。

图2-1 各自的组件和文件
因为初始化的工程,可以使用Vue的单文件组件,它包含了各自的HTML、JavaScript以及带作用域的CSS或者SCSS,格式如下:

Vue CLI工具假定用户对Node.js和相关构建工具有一定程度的了解。如果是初学者,建议先在熟悉Vue本身之后再使用Vue CLI工具。本书后面章节,将具体介绍脚手架的安装以及如何快速创建一个项目。