Windows安裝Vue開發環境

2022-08-05 15:27:12 字數 1936 閱讀 3719

注意:看時不起眼的東西,卻總能讓你焦頭爛額,按照此步驟,你將少走很多彎路。。。

滑鼠雙擊執行安裝包

選擇安裝路徑,預設是c盤,我這裡選擇了d盤

預設就好

win + r , 輸入cmd ,開啟dos命令列,輸入node -v檢視nodejs版本號

例如:我希望將全模組所在路徑和快取路徑放在我node.js安裝的資料夾中,則在我安裝的資料夾【d:\nodejs】下建立兩個資料夾【node_global】及【node_cache】如下圖:

在當前資料夾,長按shift + 滑鼠右鍵 開啟cmd命令列

輸入以下命令設定

npm config set prefix "d:\nodejs\node_global"

npm config set cache "d:\nodejs\node_cache"

設定環境變數,關閉cmd視窗,「我的電腦」-右鍵-「屬性」-「高階系統設定」-「高階」-「環境變數」

進入環境變數對話方塊,在【系統變數】下新建【node_path】,輸入d:\nodejs\node_global\node_modules,將【使用者變數】下的【path】修改為d:\nodejs\node_global

配置完後,安裝個module測試下,我們就安裝最常用的express模組,開啟cmd視窗,

輸入如下命令,進行模組的全域性安裝:

npm install express -g     # -g是全域性安裝的意思
這樣就已經是安裝成功了,由於在國內使用npm是非常慢的,所以在這裡我們推薦使用**npm映象,使用

**的cnpm命令管理工具可以代替預設的npm管理工具:$ npm install -g cnpm --registry=

三:**映象安裝成功之後,我們就可以全域性vue-cli腳手架,輸入命令:cnpm install --globalvue-cli  回車;驗證是否安裝成功,在命令輸入vue,出來vue的資訊,及說明安裝成功;

然後我們開始建立新的專案輸入命令:vue init webpack my-project  回車,my-project是我自己的資料夾的名字,是基於webpack的專案,輸入之後就一直回車,直到出現是否要安裝vue-route,

這個我們在專案要用到,所以就輸入y 回車

這樣的話基本成功了,剩下的啟動測試就不多說了,

在Windows中安裝iPhone開發環境

很多朋友希望在體驗或學習iphone開發,但是iphone開發環境一般需要安裝在mac計算機下mac os中。這給許多朋友帶來了額外成本投入。網上已經有各種破解方法,在非蘋果電腦上安裝iphone開發環境,給我們帶來了佳音。但是各種版本比較雜亂,可能會費時費力而無果。最近,蘋果推出了新的開發環境版本...

安裝php redis擴充套件(Windows環境下)

通過檢視php的配置頁,如下 通過下面官網找到對應的擴充套件 解壓縮後,將php redis.dll,php redis.pdb 和 igbinary.dll 拷貝至php安裝目錄下的ext下。修改php的配置檔案,在檔案中加入下面兩行 不要將先後順序調換 extension php igbinar...

windows上搭建flutter開發環境

配置環境變數 在使用者變數中新加倆個變數 pub hosted url flutter storage base url 獲取flutter sdk 更新環境變數 複製flutter目錄下bin目錄位址,新增到環境變數 系統變數 path中 path d flutter bin 執行 flutter...