1. 程式人生 > >vue2.0-搭建腳手架

vue2.0-搭建腳手架

vue2.0-搭建腳手架(vue-cli):
一、環境搭建
1.在官網下載安裝node.js
驗證安裝成功:開啟命令列輸入node -v,出現版本號;
2.安裝cnpm
開啟命令列輸入npm install -g cnpm --registry=http://regisrty.npm.taobao.org;
驗證安裝成功:輸入cnpm -v,出現版本號;
3.安裝webpack
開啟命令列輸入npm install webpack -g;
驗證安裝成功:輸入webpack -v,出現版本號;
4.安裝vue腳手架構建工具
開啟命令列輸入npm install vue-cli -g;
驗證安裝成功:輸入vue -V,出現版本號;(此處的V一定要大寫)
二、構建專案
1.使用vue-cli構建vue專案
開啟命令列,選擇某資料夾下輸入vue init webpack first_pro (first_pro是專案的名稱,專案名稱不要大寫,不要中文) 在這裡插入圖片描述


2.安裝依賴
在命令列中cd到專案目錄,輸入npm install;(不要使用cnpm,可能會導致後面缺少很多依賴庫)
3.啟動專案
在控制檯或者命令列cd到專案目錄,輸入npm run dev,啟動成功顯示歡迎頁面。
注:npm安裝外掛:npm install -g 外掛名稱;(-g表示全域性安裝)
npm解除安裝外掛:npm uninstall -g 外掛名稱;
檢視npm安裝的外掛:npm list;
更新全部外掛:npm update;
檢視npm幫助:npm help