- Vue.js 3.0从入门到精通(视频教学版)
- 李小威编著
- 286字
- 2022-07-27 18:37:33
2.1.3 命令行工具(CLI)
Vue提供了一个官方的脚手架(Vue CLI),使用它可以快速搭建一个应用。搭建的应用只需要几分钟的时间就可以运行起来,并带有热重载、保存时lint校验,以及生产环境可用的构建版本。
例如想构建一个大型的应用,可能需要将东西分割成各自的组件和文件,如图2-1所示,此时便可以使用Vue CLI快速初始化工程。
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P26_2853.jpg?sign=1739004516-py9Fn3e5uBlFZaZI3iS8wagIe2xGckJG-0-904ff7dd0a131cbb2fb8b1c9b3c7ac45)
图2-1 各自的组件和文件
因为初始化的工程,可以使用Vue的单文件组件,它包含了各自的HTML、JavaScript以及带作用域的CSS或者SCSS,格式如下:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P27_164847.jpg?sign=1739004516-bhHfRUo3BARVx2NKdNuNVWo9aYWCncRk-0-55469a24be8ff27afdda76abd9f42124)
Vue CLI工具假定用户对Node.js和相关构建工具有一定程度的了解。如果是初学者,建议先在熟悉Vue本身之后再使用Vue CLI工具。本书后面章节,将具体介绍脚手架的安装以及如何快速创建一个项目。