一、安裝node.js
- 地址:http://www.runoob.com/nodejs/nodejs-install-setup.html
- 基于node.js,利用淘寶npm鏡像安裝相關依賴,在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)建項目
在cmd里輸入:vue init webpack vue_test(項目文件夾名),回車,等待一小會兒,依次出現(xiàn)‘git’下的項,可按下圖操作
圖片.png
四 安裝依賴
- 在cmd里
1.輸入:cd vue_test(項目名),回車,進入到具體項目文件夾
2.輸入:cnpm install,回車,等待一小會兒
回到項目文件夾,會發(fā)現(xiàn)項目結構里,多了一個node_modules文件夾
- 測試
1.在cmd里輸入:cnpm run dev
2.在瀏覽里輸入:localhost:8080(默認端口為8080)
五安裝其他組件
- 安裝jq:npm install jquery
- 安裝element-ui:npm i element-ui -D
- 安裝富文本編輯器:npm install wangeditor
- 安裝圖片查看器: npm install photoswipe