1、輸入 vue V 如果出現(xiàn)版本號(hào)，就說(shuō)明安裝成功腳手架安裝成功之后，就可以通過(guò)腳手架創(chuàng)建vue項(xiàng)目了通過(guò)上面腳手架創(chuàng)建的Vue項(xiàng)目，使用 npm run serve 命令之后，打印如下使用 npm run serve 命令并不會(huì)自動(dòng)打。

2、把a(bǔ)ppvue引入入口文件mainjs瀏覽器自動(dòng)更新顯示在瀏覽器的調(diào)試模式中會(huì)看到div標(biāo)簽中出現(xiàn)屬性datavxxx ，那是因?yàn)槭褂昧耍瑯邮街蛔饔帽窘M件中如果去掉scoped，div標(biāo)簽就沒(méi)有datav屬性，只是單純的普通標(biāo)簽文本。

3、vue腳手架的作用是用來(lái)自動(dòng)一鍵生成vue+webpack的項(xiàng)目模版，包括依賴(lài)庫(kù)，免去手動(dòng)安裝各種插件，尋找各種cdn并一個(gè)個(gè)引入的麻煩vue腳手架指的是vuecli，它是一個(gè)專(zhuān)門(mén)為單頁(yè)面應(yīng)用快速搭建繁雜的腳手架，它可以輕松的創(chuàng)建新。

4、安裝vuecli腳手架，安裝代碼為npm install g vuecli，我們?cè)谶@里選擇的是全局安裝，安裝完之后創(chuàng)建項(xiàng)目然后根據(jù)提示選擇會(huì)否安裝插件，如果安裝則選擇Yes，如果不安裝則選擇No，知道插件選擇完成之后我們cd切換到項(xiàng)目。

5、Vue是構(gòu)建用戶(hù)界面的漸進(jìn)式框架，可以自底向上逐層應(yīng)用大概是這個(gè)意思由基層開(kāi)始做起，把基礎(chǔ)的東西寫(xiě)好，再逐層往上添加效果和功能前期剛學(xué)時(shí)不建議直接安裝vuecli腳手架，可以直接通過(guò)引入，如 然后直接用。

6、2static方法第一步圖片放在static文件夾，在data對(duì)象的一個(gè)里定義屬性pro_img，屬性值是圖片與vue的相對(duì)路徑第二步在template中 給標(biāo)簽綁定屬性刷新看效果解決vue組件css中背景圖片路徑報(bào)錯(cuò)問(wèn)題前提是你用了vuecil，那。

7、而vuecli是vue的官方腳手架，它能幫助我們方便的配置webpack這樣看來(lái)，有很大的可能我們需要同時(shí)使用vuecli與vuex如何在vuecli中使用vuex項(xiàng)目搭建及添加vuex 當(dāng)我們使用vuecli搭建一個(gè)vue項(xiàng)目的時(shí)候假設(shè)項(xiàng)目名為learn。

8、vuecli腳手架的優(yōu)勢(shì)有一套成熟的vue項(xiàng)目架構(gòu)設(shè)計(jì)，能夠快速初始化一個(gè)Vue項(xiàng)目vuecli是官方支持的一個(gè)腳手架，會(huì)隨本版本進(jìn)行迭代更新vuecli提供了一套本地的node測(cè)試服務(wù)器，使用vuecli自己提供的命令，就可以啟動(dòng)。

9、這個(gè)開(kāi)發(fā)環(huán)境就是腳手架比如vuejs就有個(gè)vuecli腳手架，基于nodejs的開(kāi)發(fā)環(huán)境，作者幫你把開(kāi)發(fā)環(huán)境大部分東西都配置好了，你把腳手架下載下來(lái)就可以直接開(kāi)發(fā)了，不用再考慮搭建這些工具環(huán)境。

10、vuecli3 最大的特點(diǎn)就是 零配置 ，腳手架把webpack相關(guān)的配置都隱藏在@vue\preloadwebpackplugin中，默認(rèn)的配置可以滿(mǎn)足大部分應(yīng)用場(chǎng)景，優(yōu)點(diǎn)是我們可以節(jié)省很多折騰配置的時(shí)間，webpack對(duì)于新手來(lái)說(shuō)，還是有點(diǎn)門(mén)檻的，這樣一來(lái)，新人上手。

11、在嘗試稍微復(fù)雜的功能或者遇到問(wèn)題時(shí)，容易找到相關(guān)滿(mǎn)意的解決方式，總體來(lái)說(shuō)還是比較適合入門(mén)的后續(xù)看時(shí)間能多熟悉些實(shí)際項(xiàng)目，真正用于搭配后端做個(gè)可用的項(xiàng)目1 Vuejs介紹 2 Vue CLi腳手架。

12、檢查node是否安裝成功 為了更快安裝，可以使用淘寶的鏡像 在終端輸入以下命令檢測(cè)cnpm是否安裝成功 vuecli是vue腳手架工具，方便打包，部署，測(cè)試等進(jìn)入你的項(xiàng)目目錄，創(chuàng)建一個(gè)基于 webpack。

13、目前在市面上存在很多腳手架，如createreactappvuecli我們可以通過(guò)一行簡(jiǎn)單的命令，就能創(chuàng)建一個(gè)基本的項(xiàng)目工程，大大地提高了開(kāi)發(fā)效率但是我們會(huì)面臨一個(gè)問(wèn)題，除了腳手架幫我們創(chuàng)建好的項(xiàng)目框架，我們的項(xiàng)目總有。

14、1如何引入在vuecli里，引入文件有幾鐘方法一種是用npm或者cnpm指令去下載對(duì)應(yīng)的插件，然后在mainjs里用import方法引入，這里不討論這種方法我比較喜歡采用的是直接下載對(duì)應(yīng)的js，然后引入到vue項(xiàng)目中去問(wèn)題來(lái)了，如何引入。

15、借鑒 angular 的模板和數(shù)據(jù)綁定技術(shù)借鑒 react 的組件化和虛擬 DOM 技術(shù)4Vue的現(xiàn)有插件 vuecli vue 腳手架，用于搭建項(xiàng)目的骨架vueresourceaxios ajax 請(qǐng)求vuerouter 路由vuex 狀態(tài)管理vuelazyload 圖片懶。

16、vuecli 用于創(chuàng)建 vue2 的項(xiàng)目vuecli 用于創(chuàng)建 vue3 的項(xiàng)目，當(dāng)然也支持 vue2使用起來(lái)還是比較繁瑣的，首先要安裝腳手架，然后使用 vue create helloworld 創(chuàng)建項(xiàng)目，具體的就不介紹了官網(wǎng)。