Vue.js 3.x从入门到精通(视频教学版)
上QQ阅读APP看书,第一时间看更新

2.1.3 命令行工具(CLI)

Vue提供了一个官方的脚手架(Vue CLI),使用它可以快速搭建一个应用。搭建的应用只需要几分钟的时间就可以运行起来,并带有热重载、保存时lint校验以及生产环境可用的构建版本。

例如想构建一个大型的应用,可能需要将应用分割成各自的组件和文件,如图2-1所示,此时便可以使用Vue CLI快速初始化工程。

图2-1 各自的组件和文件

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

    <template>
        HTML
    </template>
    <script>
        JavaScript
    </script>
    <style scoped>
        CSS或者SCSS
    </style>

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