一、安裝node.js
- 地址：http://www.runoob.com/nodejs/nodejs-install-setup.html
- 基于node.js,利用淘寶npm鏡像安裝相關(guān)依賴个扰，在cmd里直接輸入：npm install -g cnpm –registry=https://registry.npm.taobao.org珠插，回車辈挂，等待安裝...
二坤次、安裝全局vue-cli腳手架,用于幫助搭建所需的模板框架
- 在cmd里
1.輸入：cnpm install -g vue-cli仇味，回車期犬，等待安裝...
2.輸入：vue叁巨，回車年堆，若出現(xiàn)vue信息說明表示成功
三創(chuàng)建項(xiàng)目
在cmd里輸入：vue init webpack vue_test(項(xiàng)目文件夾名)吞杭，回車，等待一小會(huì)兒嘀韧，依次出現(xiàn)‘git’下的項(xiàng)篇亭，可按下圖操作
圖片.png
四 安裝依賴
- 在cmd里
1.輸入：cd vue_test（項(xiàng)目名），回車锄贷，進(jìn)入到具體項(xiàng)目文件夾
2.輸入：cnpm install译蒂，回車曼月，等待一小會(huì)兒
回到項(xiàng)目文件夾，會(huì)發(fā)現(xiàn)項(xiàng)目結(jié)構(gòu)里柔昼，多了一個(gè)node_modules文件夾
- 測(cè)試
1.在cmd里輸入：cnpm run dev
2.在瀏覽里輸入：localhost:8080(默認(rèn)端口為8080)
五安裝其他組件
- 安裝jq：npm install jquery
- 安裝element-ui：npm i element-ui -D
- 安裝富文本編輯器：npm install wangeditor
- 安裝圖片查看器： npm install photoswipe
