![Vue.js 3.0从入门到精通(视频教学版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/154/44510154/b_44510154.jpg)
上QQ阅读APP看书,第一时间看更新
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=1738983534-YHnSu4AUeQZTT7jQeH1CnXAXp6YWCb9A-0-9e128b2abc0c4d8868d401f6097b52c7)
图2-1 各自的组件和文件
因为初始化的工程,可以使用Vue的单文件组件,它包含了各自的HTML、JavaScript以及带作用域的CSS或者SCSS,格式如下:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P27_164847.jpg?sign=1738983534-ozDNFcgIKu2GQYvyYffHHhufluHgNzWe-0-2d0bfb34187dea3b8261cffd92bf5dbf)
Vue CLI工具假定用户对Node.js和相关构建工具有一定程度的了解。如果是初学者,建议先在熟悉Vue本身之后再使用Vue CLI工具。本书后面章节,将具体介绍脚手架的安装以及如何快速创建一个项目。