要使用vue來開發前端框架,首先要有環境,這個環境要借助于node,所以要先安裝node,借助于node里面的npm來安裝需要的依賴等等。
①安裝nodejs
https://nodejs.org
下載nodejs,(lts)安裝的時候,點擊同意,一路next就可以。
會自帶一個npm(npm是個包管理器,有啥用?是個倉庫,需要用到啥 直接npm install packageName就可以了)
測試:
②安裝cnpm(淘寶鏡像,)
npm install -g cnpm --registry=https://registry.npm.taobao.org
③安裝vue-cli
windows電腦,同時按下widnows+r,輸入cmd,點擊回車,進入到命令行模式;
在命令行中輸入以下指令,最后點擊回車
(npm install vue-cli -g (cnpm在安裝好淘寶鏡像后和npm等同))cnpm install --global vue-cli
④安裝webpack
npm install webpack -g
④根據vue-cli安裝后提供的vue指令創建模板項目
使用老師提供的模板壓縮包(tpls.zip)
tpls.zip我已經上傳在在文件下“資料”里
放在D盤,新建vue_cli,將解壓后的每個文件復制到vue_cli中。
⑤安裝項目需要用到的依賴
將上述文件夾解壓縮之后,進入到該目錄中執行指令:
cnpm install
⑥執行指令,啟動開發服務器
npm run dev
注意:如果淘寶鏡像安裝失敗,解決辦法:
先設置代理為空 npm config set proxy null,然后再次安裝淘寶鏡
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com