安裝Vue安裝腳手架以及一直卡着不動的問題


1.首先我們去nodejs官網:https://nodejs.org/en/download/ (下載nodejs,下載自己電腦想匹配的最新版本)

2.其次 去下載一個cnpm (注釋:淘寶npm鏡像,這個是阿里把外國的npm服務器搬到我們中國來了,用淘寶鏡像npm下載一些配置文件會更快一些)

操作如下:電腦右下角  window輸入cmd, 把

npm install -g cnpm --registry=https://registry.npm.taobao.org

復制到cmd里面去就可以拉。(注釋:我們用ctrl+C 復制網站,在cmd中鼠標點擊右鍵粘貼就可以復制
npm install -g cnpm --registry=https://registry.npm.taobao.org 然后回車鍵進行安裝。

3.安裝vue文件

cnpm install i vue -S

4.安裝vue腳手架,關於腳手架問題,

有些兄弟姐妹會發現安裝的時候會一直卡着不動,我也遇到過這個問題,最后查資料發現是我安裝的vue腳手架版本比較低出現的問題

// 之前我安裝的時候是用 cnpm  install -g vue/cli  用這個安裝的是舊版本的特別傷,我用vue init webpack app的時候,真的卡在一個地方一個晚上,睡醒后發現還是卡在那個地方,所以一定要切記安裝 vue腳手架一定要安裝最新版本的,最新版本如下:
cnpm install -g @vue/cli
cnpm install -g @vue/cli-init

安裝上面2個vue腳手架配置文件后,輸入:
vue init webpack app         

//備注: app 是自己建立的文件,名字可以自己取,比如 my-app呀,或者其他的均可

//配置的時候 除了 use ESlint to lint your code 選擇n 其他都是選擇y   ,因為 use ESlint to lint your code 我們寫代碼的時候會比較嚴格,比如代碼必須空格相同呀....

當安裝完畢后,輸入npm run dev
運行完畢后會給我們一個網址  http//localhost:8000


5.一些需要了解的 vue腳手架目錄

build 是webpack配置文件
config 核心文件
src存放的是資源,assets中存放的是靜態資源比如 圖片

router是路由

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM