2.1.3　命令行工具（CLI）

Vue提供了一個(gè)官方的腳手架（Vue CLI），使用它可以快速搭建一個(gè)應(yīng)用。搭建的應(yīng)用只需要幾分鐘的時(shí)間就可以運(yùn)行起來(lái)，并帶有熱重載、保存時(shí)lint校驗(yàn)以及生產(chǎn)環(huán)境可用的構(gòu)建版本。

例如想構(gòu)建一個(gè)大型的應(yīng)用，可能需要將應(yīng)用分割成各自的組件和文件，如圖2-1所示，此時(shí)便可以使用Vue CLI快速初始化工程。

圖2-1　各自的組件和文件

因?yàn)槌跏蓟墓こ炭梢允褂肰ue的單文件組件，它包含各自的HTML、JavaScript以及帶作用域的CSS或者SCSS，格式如下：

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

Vue CLI工具假定用戶對(duì)Node.js和相關(guān)構(gòu)建工具有一定程度的了解。如果是初學(xué)者，建議熟悉Vue本身之后再使用Vue CLI工具。本書(shū)后面的章節(jié)將具體介紹腳手架的安裝以及如何快速創(chuàng)建一個(gè)項(xiàng)目。