安裝及調(diào)試可在本地windows環(huán)境下來(lái)操作
1、安裝nodejs
node.js下載地址:http://nodejs.cn/download/
下載后按照步驟一步一步安裝即可铝穷。
查看node和npm版本谢床,node -v临燃、npm -v
2橱乱、安裝vue-cli腳手架和webpack依賴包
? ? ?1) 先安裝cnpm办成,win+r-cmd俱病,進(jìn)入命令窗口官疲,然后進(jìn)入到你安裝的nodejs的文件夾中,輸入“npm install -g cnpm –?registry=https://registry.npm.taobao.org”命令庶艾,來(lái)安裝袁余。
? ? ? 2)安裝vue-cli,輸入(npm)cnpm install -g vue-cli
? ? ? 3)安裝webpack依賴咱揍,(npm)cnpm install -g webpack
3颖榜、創(chuàng)建項(xiàng)目
創(chuàng)建項(xiàng)目:選好目錄之后,輸入:vue init webpack vue_project、
Project name :項(xiàng)目名稱
Project description:項(xiàng)目描述
Author:項(xiàng)目作者
install vue-router:Vue路由插件Y/N
Use ESLint to lint your code:是否使用ESLint來(lái)檢測(cè)你的代碼掩完,ESLint?是一個(gè)語(yǔ)法規(guī)則和代碼風(fēng)格的檢查工具噪漾,可以用來(lái)保證寫出語(yǔ)法正確、風(fēng)格統(tǒng)一的代碼且蓬。建議選擇 ‘N’ 因?yàn)檫x擇 ‘Y’ 在做調(diào)試項(xiàng)目時(shí),控制臺(tái)會(huì)有很多 黃色警告 提示格式不規(guī)范,但其實(shí)并不影響項(xiàng)目
Setup unit tests:是否安裝單元測(cè)試欣硼,建議N
Setup e2e tests with Nightwatch:是否安裝E2E測(cè)試框架NightWatch(E2E,也就是End To End恶阴,就是所謂的“用戶真實(shí)場(chǎng)景”诈胜。)
運(yùn)行項(xiàng)目命令:npm run dev
打包項(xiàng)目命令:npm run build
發(fā)布的時(shí)候需要打包,修改config->index.js中的 assetsPublicPath: './', 將‘/’改為‘./’
然后打包生成一個(gè)dist文件冯事,將該文件上傳到服務(wù)器中即可