1、安裝node.js(http://nodejs.cn/download/) 下載最新版本
2、基于node.js,利用淘寶npm鏡像安裝相關依賴在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、創建VUE項目,在cmd中輸入:
vue init webpack vue_test
?(項目文件夾名),依次出現‘git’下的項,可按下圖操作
7、安裝依賴,在cmd里
1).輸入:cd vue_test(項目名),回車,進入到具體項目文件夾
2).輸入:cnpm install,回車,等待一小會兒
回到項目文件夾,會發現項目結構里,多了一個node_modules文件夾(該文件里的內容就是之前安裝的依賴)
8、測試環境是否搭建成功
方法1:在cmd里輸入:cnpm run dev
方法2:在瀏覽里輸入:localhost:8080(默認端口為8080)
運行起來后的效果如下圖所示: