1.概念：

vue-cli是官方的一個(gè)腳手架工具，所謂腳手架呢就是一個(gè)架子，什么架子呢？項(xiàng)目結(jié)構(gòu)的架子，里面有一些最基本的結(jié)構(gòu)配置。利用vue-cli呢，我們可以生成這樣的一個(gè)腳手架，所以呢它就被稱為vue腳手架工具。

2.基本使用：

2.1.vue腳手架的使用前提：........。

2.2.vue腳手架使用：

（1）在需要?jiǎng)?chuàng)建項(xiàng)目的文件夾位置打開powershell，或者在導(dǎo)航欄輸入cmd進(jìn)行回車，進(jìn)到命令行頁面。

（2）輸入命令：vue init webpack 創(chuàng)建的項(xiàng)目名稱。

（3）順利的話，會(huì)出現(xiàn)一些模塊的下載讓你進(jìn)行確認(rèn)，如果不知道怎么進(jìn)行選擇，那就全部進(jìn)行下載，也就是輸入y，然后回車，直到?jīng)]有提示。

（4）整個(gè)項(xiàng)目構(gòu)建成功。

（5）在使用當(dāng)前命令可能會(huì)因?yàn)榫W(wǎng)絡(luò)，或者其它的一些原因，而導(dǎo)致模板下載失敗，比如。

（6）這種情況下，我一般選擇繼續(xù)下載，也就是繼續(xù)輸入當(dāng)前命令干，不服就干；不過還可以使用另外一個(gè)命令進(jìn)行項(xiàng)目的構(gòu)建。也是在當(dāng)前命令窗口，輸入：vue ui

（7）當(dāng)然，也分兩種情況，順利及不順利，所以盡量乞求你的電腦所有的配置都能匹配的上吧。以下是順利的情況。

（8）當(dāng)出現(xiàn)一下的日志時(shí)，會(huì)在瀏覽器彈出vue的項(xiàng)目構(gòu)建頁面。

（9）進(jìn)行項(xiàng)目的創(chuàng)建，輸入我們的項(xiàng)目名稱。

（10）點(diǎn)擊下一步，進(jìn)行預(yù)設(shè)，在這選擇手動(dòng)配置項(xiàng)目。

（11）繼續(xù)下一步，進(jìn)入到功能選擇，除了自帶的默認(rèn)設(shè)置，把Roter和Vuex選上。

（12）緊接著，再進(jìn)行下一步，進(jìn)入到最終環(huán)節(jié)，配置，把里面的使用歷史路由勾上，以及選擇標(biāo)準(zhǔn)配置。

（13）點(diǎn)擊創(chuàng)建項(xiàng)目，會(huì)出現(xiàn)讓你選擇保存預(yù)設(shè)項(xiàng)目，可以選擇不保存，進(jìn)行創(chuàng)建。

（14）接著，是出現(xiàn)不順利的情況，我第一次安裝時(shí)，使用的是powershell，在輸入命令之后，提示禁止運(yùn)行腳本，這種情況下，可以使用cmd命令窗口進(jìn)行命令輸入；或者通過powershell去解除Execution_Policies（運(yùn)行策略）的限制。

（15）輸入get-ExecutionPolicy查看當(dāng)前策略，一般默認(rèn)策略：Restricted（限制腳本運(yùn)行）；然后輸入 set-ExecutionPolicy RemoteSigned ，即將策略設(shè)置為RemoteSigned （遠(yuǎn)程簽名），然后選擇 Y（確定）即可；

（16）輸入get-ExecutionPolicy -List 查看當(dāng)前所有Scope的ExecutionPolicy；與畫紅線部分一致，則更改成功。接著繼續(xù)輸入命令開搞：vue ui。

（17）還有一種情況是，輸入vue ui，cmd以及powershell都沒反應(yīng)。

（18）一般的原因應(yīng)該是，在Commands:下面你沒有 ui [options],可以用 vue-h 查看你的有沒有。

（19）可以發(fā)現(xiàn)，的確沒有ui [options]；執(zhí)行命令 ：cnpm i -g @vue/cli進(jìn)行安裝，安裝成功后，就可以繼續(xù)開搞了。