Mac中如何搭建Vue專案並利用VSCode開發

2021-10-10 04:27:06 字數 1033 閱讀 4831

(2)配置**映象

結果提示如下錯誤,如下圖所示:

原來是在向/usr/local/lib/node_modules檔案寫入內容時提示沒有許可權,於是在終端中執行這條命令:

sudo chmod -

r777

/usr/local/lib/node_modules/

然後再執行這條命令npm install -g cnpm --registry=https:就可以完成**映象的配置了。

(1)安裝vue腳手架:在終端執行這條命令cnpm i vue-cli -g,等待執行完畢即可

(2)安裝webpack:在終端執行這條命令cnpm i webpack -g,等待執行完畢即可

到此,vue的開發環境已經搭建完畢。

我們可以通過這條命令來建立vue專案,在終端中執行如下命令:vue init webpack benny-edge,

會讓你確認關於你建立的專案的一些資訊,具體如下:

最終的效果類似下圖所示:

此時,進入benny-edge目錄,執行npm run dev命令,若報錯this is probably not a problem with npm. there is likely additional logging :輸入npm install 或 cnpm install 後,再次執行npm run dev命令,執行成功效果如下所示。

如何搭建vue專案

一 安裝node環境 2.檢查安裝是否成功 1 ctrl r 輸入cmd 2 輸入node v 如果有版本號,就代表安裝成功 二 安裝npm 1.使用 映象安裝效率會高點 通過cmd入口安裝也可以,此處我是在專案裡面通過git安裝的 2.輸入 cnpm v 檢查是否安裝成功 三 搭建vue環境專案 ...

如何建立並執行vue專案

如何執行vue專案 1 安裝node.js npm包 vue cli構建工具 npm install g vue cli cnpm npm的 映象 可直接用npm 2 建立專案 vue init webpack webpack構建工具 firstvue 專案資料夾名稱 直接回車 yes 即可 完成後...

Vue前端專案搭建及執行(mac系統)

1 安裝node和npm 若通過node v和npm v命令能順利檢視node和npm版本則說明安裝成功。2 安裝vue cli 3.x mac使用者採用如下命令安裝vue官方腳手架vue cli 3.x,若在命令前不加sudo,則會報錯 errno 13 windows使用者可不加 sudo np...