vue學習之環境配置

2022-09-02 01:12:13 字數 743 閱讀 8119

最近在學習vue,就順手記錄一下...

1. 安裝 nodejs

-->注:安裝lts的(lts為長期穩定版本)

在cmd中輸入 node -v 如果顯示版本就說明安裝成功.

安裝了nodejs也就自動安裝好了npm

同樣在cmd面板中輸入 npm -v看到版本號則表示安裝成功.

所以一般 安裝**的cnpm包來代替

安裝指令:   npm install cnpm -g

3. 安裝webpack

cnpm install webpack -g

4. 安裝vue腳手架

npm install vue-cli -g

5.輸入命令 vue 驗證是否安裝成功:

下面就是新建新專案了....

我的是在c盤,下面我不裝在c盤,直接輸入d:回車就好了(如果要在指定目錄下,就輸入 'cd  檔名' 回車就好了)

1. 建立新專案: vue init webpack myvue 回車

後面就一直回車,注意...會出現

在專案中是需要用到的 輸入 y 回車,後面用不到可以輸入n.

2. 然後就是進入資料夾了, 輸入命令 cd myvue 回車進入資料夾  

再輸入命令 cnpm install

3. 測試: 輸入 cnpm  run dev 回車.

vue學習之環境配置

最近在學習vue,就順手記錄一下.1.安裝 nodejs 注 安裝lts的 lts為長期穩定版本 在cmd中輸入 node v 如果顯示版本就說明安裝成功.安裝了nodejs也就自動安裝好了npm 同樣在cmd面板中輸入 npm v看到版本號則表示安裝成功.所以一般 安裝 的cnpm包來代替 安裝指...

Vue學習之環境準備

選擇安裝的目錄,其他預設即可 安裝完,在命令提示符下輸入 node v檢視安裝的node版本 本地安裝 以安裝express模組為例 全域性安裝 以jquery為例 設定成 映象 然後通過nrm ls命令檢視npm的倉庫列表,帶 的就是當前選中的映象倉庫 通過nrm use taobao來指定要使用...

Vue環境配置

全域性變數 npm config set prefix d nodejs node global 快取npm config set cache d nodejs node cache npm config set registry 環境配置 node paht d nodejs node globa...