從零開始搭建vue開發環境

第一步 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

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容