Vue.js開發(fā)環(huán)境搭建(Win)

1、安裝node.js(http://nodejs.cn/download/) 下載最新版本

2、基于node.js,利用淘寶npm鏡像安裝相關(guān)依賴在cmd里直接輸入:
npm install-g cnpm --registry=https://registry.npm.taobao.org

3、安裝webpack,輸入:cnpm install webpack-g

4、安裝vue腳手架cli,輸入:npm install vue-cli-g

5、在win中如何在文件夾中打開 cmd 路徑,按住shift右擊文件夾,在此處打開命令窗口

6、創(chuàng)建VUE項目,在cmd中輸入:

vue init webpack vue_test

?(項目文件夾名),依次出現(xiàn)‘git’下的項,可按下圖操作

7、安裝依賴,在cmd里
1).輸入:cd vue_test(項目名),回車,進(jìn)入到具體項目文件夾
2).輸入:cnpm install,回車,等待一小會兒
回到項目文件夾,會發(fā)現(xiàn)項目結(jié)構(gòu)里,多了一個node_modules文件夾(該文件里的內(nèi)容就是之前安裝的依賴)

8、測試環(huán)境是否搭建成功
方法1:在cmd里輸入:cnpm run dev
方法2:在瀏覽里輸入:localhost:8080(默認(rèn)端口為8080)
運行起來后的效果如下圖所示:


參照原文:http://www.cnblogs.com/ganmy/p/6029774.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容