一、安裝node.js(
二、設定nodejs prefix(全域性)和cache(快取)路徑
1、在nodejs安裝路徑下,新建node_global和node_cache兩個資料夾
2、設定快取資料夾
npm config set cache "d:\vueproject\nodejs\node_cache"設定全域性模組存放路徑
npm config set prefix "d:\vueproject\nodejs\node_global"設定成功後,之後用命令npm install *** -g安裝以後模組就在d:\vueproject\nodejs\node_global裡
三、基於 node.js 安裝cnpm(**映象)
npm install -g cnpm --registry=四、設定環境變數(非常重要)說明:設定環境變數可以使得住任意目錄下都可以使用cnpm、vue等命令,而不需要輸入全路徑
1、滑鼠右鍵"此電腦",選擇「屬性」選單,在彈出的「系統」對話方塊中左側選擇「高階系統設定」,彈出「系統屬性」對話方塊。
2、修改系統變數path
3、新增系統變數node_path
五、安裝vue
六、安裝vue命令列工具,即vue-cli 腳手架
七、新專案的建立1.開啟存放新建專案的資料夾
開啟開始選單,輸入 cmd,或使用快捷鍵 win+r,輸入 cmd,敲回車,彈出命令提示符。開啟你將要新建的專案目錄
2.根據模版建立新專案
在當前目錄下輸入「vue init webpack-****** 專案名稱(使用英文)」。
vue init webpack-****** mytest初始化完成後的專案目錄結構如下:
3、安裝工程依賴模組
cd mytest
cnpm install4、執行該專案,測試一下該專案是否能夠正常工作,這種方式是用nodejs來啟動。
cnpm run dev
Windows搭建vue環境
vue.js是一套構建使用者介面的漸進式框架,其目標是通過盡可能簡單的api實現響應的資料繫結和組合的檢視元件。標籤引入。2.直接鏈結到cdn,也可以進行訪問。提示安裝完成之後,開啟cmd命令視窗,輸入node v和npm v,如圖所示 這裡有乙個cnpm npm的國內 映象 如果npm安裝失敗的話...
windows環境搭建Vue開發環境
一 安裝node.js 二 設定nodejs prefix 全域性 和cache 快取 路徑 1 在nodejs安裝路徑下,新建node global和node cache兩個資料夾 2 設定快取資料夾 npm config set cache d vueproject nodejs node ca...
windows環境搭建Vue開發環境
一 安裝node.js 二 設定nodejs prefix 全域性 和cache 快取 路徑 1 在nodejs安裝路徑下,新建node global和node cache兩個資料夾 2 設定快取資料夾 npm config set cache d vueproject nodejs node ca...