Mac 安裝Vue步驟

2021-10-08 03:12:56 字數 1382 閱讀 5748

因新專案要求使用vue 記錄下安裝流程

如果返回版本號,代表安裝成功。建議安裝之前給目錄許可權,至於怎麼給目錄許可權,這裡不做說明,網上有很多資料。

3.安裝**映象

前端安裝完node後,最好設定下**的映象源,

不建議使用cnpm(可能會出現奇怪的問題)廢話少說,在終端輸入:

npm install -g cnpm --registry=

安裝完成輸入:

檢視版本號,正確返回代表安裝完成,否在重新來過。

4.安裝webpack

以後我們會和webpack打很長時間的交道,建立專案會用到。

安裝 webpack,以全域性的方式安裝,在終端輸入:

cnpm install webpack -g

5.安裝vue腳手架

這個工具是自動搭建vue專案框架的工具,還算好用,沒得選只此一家。

終端輸入:

sudo npm install -g vue-cli

6.等待一段時間,安裝完成後,在終端輸入:

檢視詳細資訊,返回如下代表成功,否則重來。

建立首個vue專案

1.在mac中建立資料夾,名稱自己起,然後在終端開啟該目錄,也可以用vscode 開啟,在終端輸入:

sudo vue init webpack vue_project

坐等安裝完成。

2.安裝成功後切換到在終端中切換到專案根目錄

cd vue_peoject

3.安裝專案依賴,在終端中輸入:

sudo npm install

4.安裝依賴完成後,啟動專案,在終端或者vscode終端輸入:

npm run dev

5.訪問http://localhsot:8080,開啟vue專案

到這裡,vue專案已經可以正常執行了。

命令使用sudo ,是因為檔案許可權很是讓人頭痛

不加這個命令,會出現各種莫名的問題

為了減少麻煩,索性都加上,確保萬無一失。

Mac安裝home brew步驟

修改其中的一行 brew repo freeze brew repo git freeze然後開啟終端執行 usr bin ruby 這裡跟上你剛才修改好的brew install 檔案路徑然後空格 輸入密碼 等待執行完成 運氣好的話,執行成功 我這不行,失敗,擺報錯是下面的資訊 cloning i...

安裝vue專案步驟

1 安裝node要在配置環境變數之前,2 檢視node和npm的安裝是否成功 node v npm v 3 更新npm的版本 npm install g npm 也可以用 映象 cnpm 4 安裝vue腳手架 vue cli npm install g vue cil 也可用國內映象來安裝 npm ...

Vue安裝步驟 詳細

有三種方法 1.cdn 加速伺服器,這種方式更加便捷,當專案部署以後,伺服器直接從cdn上獲取資源,要比從自己的伺服器上獲取資源快很多 bootcdn 或者vue引入 引入網路資源 script 引入本地資源 vue.min.js script npm cnpm yarn 命令 npm instal...