windows環境搭建Vue開發環境

2021-09-17 07:39:33 字數 1910 閱讀 8136

一、安裝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 install
4、執行該專案,測試一下該專案是否能夠正常工作,這種方式是用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...