一、首先要先安裝node(官網
二、設定nodejs prefix(全域性)和cache(快取)路徑
首先找到剛才選擇nodejs路徑,新建node_global和node_cache兩個資料夾
第二步
用win+r開啟管理cmd進入
設定快取資料夾
npm config set cache 「y:\node\nodejs\node_cache」(路徑輸入自己檔案路徑)
設定全域性模組存放路徑
npm config set prefix 「y:\node\nodejs\node_global」
設定成功後用命令npm install ***(檔名自己起乙個好記的) -g安裝以後模組就在y:\node\nodejs\node_global的檔案裡
第三步
基於 node.js 安裝cnpm(**映象)
npm install -g cnpm --registry=
第四步
設定環境變數(非常重要的一步)
1、滑鼠右鍵"此電腦",選擇「屬性」選單,在彈出的「系統」對話方塊中左側選擇「高階系統設定」,彈出「系統屬性」對話方塊。
2、修改系統變數path
3、新增系統變數node_path
設定好後確定即可
第五步安裝vue
cnpm install vue -g
第六步安裝vue命令列工具,即vue-cli 腳手架
cnpm install vue-cli -g
第七步新專案的建立
1.開啟存放新建專案的資料夾
開啟開始選單,輸入 cmd,或使用快捷鍵 win+r,輸入 cmd,敲回車,彈出命令提示符。開啟你將要新建的專案目錄
2.根據模版建立新專案
在當前目錄下輸入「vue init webpack-****** 專案名稱(使用英文)」。
vue init webpack-****** mytest
專案目錄結構:
3、安裝工程依賴模組
4、執行該專案,測試一下該專案是否能夠正常工作,這種方式是用nodejs來啟動。
cnpm run dev
成功建立專案初始化頁面如下:
安裝第二個之後的vue專案直接從第七步開始重複操作即可
vue 環境搭建及專案建立
vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm,代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...
vue環境搭建及建立專案
安裝完成後檢視對應的node和npm版本,如沒有出現對應版本號則代表安裝失敗 安裝vue cli vue腳手架 安裝vue cli之前確保要先是否安裝webpack webpack安裝命令 npm install webpack g 安裝好後開始安裝 vue cli npm install g vu...
vue環境搭建,vue專案建立
vue這個新的工具,確實能夠提高效率,在經歷的一段時間的摧殘之後,終於能夠有乙個系統的認識了,下面就今天的收穫做乙個總結,也是vue入門的精髓 1.要使用vue來開發前端框架,首先要有環境,這個環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...