第一步 node.js下載?
?下載地址:https://nodejs.org/en/? ?我是下載了左邊這個推薦的版本
下載好node.js后點擊安裝,一路下一步就行,如果中途出現錯誤信息2503或2502的一般情況下(我遇到的情況)是因為權限不足,我們以管理員身份打開cmd命令窗,然后進入到你安裝包所在目錄,然后
輸入命令:msiexec? /i node-v4.4.3-x64.msi
然后按照流程安裝即可。安裝完成后 重新打開cmd命令窗,輸入 :node -v 出現版本號,則說明安裝成功
第二步 安裝npm
vue是依賴npm工具來管理,所以接下來我們來安裝npm,
輸入命令:npm install-g cnpm--registry=https://registry.npm.taobao.org
安裝時間比較長,需要耐心等會,安裝成功后輸入:npm -v? ?如果看到版本號,說明安裝成功
第三步,安裝vue-cli腳手架
輸入命令:cnpm install --global vue-cli
回車,然后等待安裝,安裝結束后,輸入命令vue,查看是否安裝完成
出現操作提示,則說明安裝完成當上面操作完成后,我們可以建立一個測試項目,檢測下是否可以正常使用vue
環境就搭建好了,來建立一個小項目吧
1.先創建一個vue項目,因為vue的相關依賴下載后很大,所以建議不要放在c盤,可以建立一個工作空間,我的工作空間是:D:\myroject,打開cmd命令窗口,進入到目錄下,然后我們開始創建新的項目
輸入命令:vue init webpack test
之后就一直回車,直到出現是否要安裝vue-route,這個我們在項目要用到,所以就輸入y 回車
下面會出現是否需要js語法檢測,這個我們暫時用不到,就可以直接輸入no,后面的都可以直接輸入no,都是我們暫時用不到的
2.進入到項目中,因為各個模板之間都是相互依賴的,所以現在我們要安裝依賴,
輸入命令:cnpm install
3.我們試運行下,測試我們的工作空間是否可以正常使用
輸入命令:cnpm run dev
然后我們看到訪問地址是:http://localhost:8080/,打開瀏覽器,輸入訪問地址,看到頁面
大功告成了~阿嘍哈
原文鏈接:https://blog.csdn.net/penyoudi1/article/details/78528996