M1 pro芯片啟動Vue項目的方法步驟
引言
雙十一剁手，買了m1 pro的MacBook Pro，所有環(huán)境需要重新搭一遍，后端項目比較容易，裝個idea就可以啟動，前端vue真的是不太通，所以研究了一下，搭建環(huán)境并啟動vue。
安裝Homebrew
homebrew是mac本很好的管理軟件安裝的工具，所以拿到mac本的第一時間我就安裝了homebrew，由于網(wǎng)絡(luò)原因很有可能安裝失敗，用下面的命令可以使用國內(nèi)鏡像，安裝速度比較快。
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
輸入1后，按照提示一步一步進行安裝就可以。
安裝nvm
Nvm 是一個管理 Node 版本的工具，當項目多了以后，總會碰到需要切換 Node 環(huán)境的時候，所以推薦大家使用 Nvm 來安裝 Node。通過下面的命令可以安裝。
brew install nvm
安裝完成后，需要配置環(huán)境變量。通過下面的命令編輯.bash_profil配置文件。
vi ~/.bash_profile
將下面的配置腳本寫入文件中。
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
寫入后需要讓配置生效，執(zhí)行下面的命令。
source ~/.bash_profile
安裝Node
接下來通過nvm安裝Node，適配M1 pro芯片的node版本是v15。
nvm i v15
該命令運行完后，會執(zhí)行很久，編譯 node ，大家耐心等就好了，大概需要 5-10 分鐘，就會提示安裝成功。再提醒一句，報任何錯誤，首先先檢查是不是網(wǎng)絡(luò)問題，例如 443 、 connect timeout 等。
安裝結(jié)束
至此，git+homebrew+Node+npm的搭建已經(jīng)完成了。接下來就可以在本地執(zhí)行npm install和npm run ...命令來啟動前端Vue項目，正常訪問了。
npm包安裝失敗：可以通過修改國內(nèi)鏡像安裝所需依賴。執(zhí)行下面代碼成功后，可以執(zhí)行npm install下載依賴正常啟動項目，親測有效。
npm config set registry https://registry.npm.taobao.org npm info underscore
到此這篇關(guān)于M1 pro芯片啟動Vue項目的方法步驟的文章就介紹到這了,更多相關(guān)M1 pro啟動Vue內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue中引入echarts的步驟及折線圖、柱狀圖常見配置項,需要的朋友可以參考下2023-11-11
vue自定義插件封裝，實現(xiàn)簡易的elementUi的Message和MessageBox的示例
這篇文章主要介紹了vue自定義插件封裝，實現(xiàn)簡易的elementUi的Message和MessageBox的示例，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-11-11
這篇文章主要為大家介紹了Vue3全局掛載使用Axios學習實戰(zhàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
在vue項目中使用動畫其實有多種方式，可以使用vue中的過渡transition，可以使用animate動畫與transition配合使用，也可以單獨使用animate動畫庫，下面我們開始介紹在vue中單獨使用animate動畫，感興趣的朋友一起看看吧2018-08-08
vue2移動端+swiper實現(xiàn)異形的slide方式
這篇文章主要介紹了vue2移動端+swiper實現(xiàn)異形的slide方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue中的vue-print-nb如何實現(xiàn)頁面打印
這篇文章主要介紹了vue中的vue-print-nb如何實現(xiàn)頁面打印，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue 自定義ColorPicker及使用方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
class 與 style 綁定就是專門用來實現(xiàn)動態(tài)樣式效果的技術(shù),如果需要動態(tài)綁定 class 或 style 樣式,可以使用 v-bind 綁定,本文給大家講解Vue 綁定style和class樣式,感興趣的朋友一起看看吧2023-10-10
這篇文章主要介紹了vue.js高德地圖實現(xiàn)熱點圖，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
vue-cli-service build 環(huán)境設(shè)置方式
這篇文章主要介紹了vue-cli-service build 環(huán)境設(shè)置方式，具有很好的參考價值，希望對大家有所幫助。2023-01-01