因新專案要求使用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...