? ??????有三種方式創(chuàng)建vue項(xiàng)目，1.本地引入vuejs掐场、2.使用cdn引入vuejs捷枯、3.使用vue-cli創(chuàng)建vue項(xiàng)目。其中vue-cli可以結(jié)合webpack打包工具使用盅称，大大方便了開發(fā)步驟，使用廣泛后室。
????????下面介紹利用vue-cli創(chuàng)建項(xiàng)目的具體步驟:
????????首先,檢查電腦上是否已安裝好了npm? 因?yàn)樗械囊蕾嚩家揽縩pm來安裝(終端中執(zhí)行npm -v查看版本,有則已安裝,提示錯誤則是沒安裝,需要前去下載),接下來:
?一.安裝vue-cli:??
? ? ? ? ? ? 1.終端中進(jìn)入想要放置新項(xiàng)目的文件夾目錄,
? ? ? ? ? ? 2.執(zhí)行npm? install? -g vue-cli? 或者是? cnpm i -g vue-cli
????????????("-g"表示全局安裝,如果不加"-g"會在當(dāng)前文件夾下生成vue-cli的依賴包:node-modules,建議加上"-g",cnpm是走國內(nèi)安裝的路線,npm下載不成功時(shí)可使用)
? ? ? ? ? ? 3.下載完成后,? 在終端中輸入vue -v? 查看版本,顯示版本則表示下載成功.
二.利用vue-cli創(chuàng)建vue項(xiàng)目:
? ? ? ? ? ? 終端中執(zhí)行命令:?vue init webpack demo(demo是自定義的項(xiàng)目名);
? ? ? ? ? ? 此時(shí)終端會出現(xiàn)一系列操作提示:
????????????????Project name（工程名）:回車
????????????????Project description（工程介紹）：回車
????????????????Author：作者名
????????????????Vue build（是否安裝編譯器）:回車
????????????????Install vue-router（是否安裝Vue路由）：回車
????????????????Use ESLint to lint your code（是否使用ESLint檢查js代碼）：n
????????????????Set up unit tests（安裝單元測試工具）：n
????????????????Setup e2e tests with Nightwatch（是否安裝端到端測試工具）：n
????????????????Should we run?npm install?for you after the project has been created? (recommended)：回車缩膝。
????????????????一切完成之后就創(chuàng)建了一個新項(xiàng)目的基礎(chǔ)架構(gòu).
三.啟動項(xiàng)目:
? ? ? ? ? ? 1.進(jìn)入項(xiàng)目目錄：cd demo
? ? ? ? ? ? 2.安裝項(xiàng)目所需要的依賴：npm install
? ? ? ? ? ? 3.啟動項(xiàng)目：npm run dev
?????????啟動成功以后，瀏覽器打開：localhost:8080岸霹，即可看到vue項(xiàng)目,如果瀏覽器不自己打開,就手動打開瀏覽器,輸入網(wǎng)址即可看到vue項(xiàng)目的頁面("8080"是端口,可在vue項(xiàng)目里自己進(jìn)行設(shè)置)
