M1 pro芯片啟動(dòng)Vue項(xiàng)目的方法步驟
引言
雙十一剁手，買了m1 pro的MacBook Pro，所有環(huán)境需要重新搭一遍，后端項(xiàng)目比較容易，裝個(gè)idea就可以啟動(dòng)，前端vue真的是不太通，所以研究了一下，搭建環(huán)境并啟動(dòng)vue。
安裝Homebrew
homebrew是mac本很好的管理軟件安裝的工具，所以拿到mac本的第一時(shí)間我就安裝了homebrew，由于網(wǎng)絡(luò)原因很有可能安裝失敗，用下面的命令可以使用國(guó)內(nèi)鏡像，安裝速度比較快。
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
輸入1后，按照提示一步一步進(jìn)行安裝就可以。
安裝nvm
Nvm 是一個(gè)管理 Node 版本的工具，當(dāng)項(xiàng)目多了以后，總會(huì)碰到需要切換 Node 環(huán)境的時(shí)候，所以推薦大家使用 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
該命令運(yùn)行完后，會(huì)執(zhí)行很久，編譯 node ，大家耐心等就好了，大概需要 5-10 分鐘，就會(huì)提示安裝成功。再提醒一句，報(bào)任何錯(cuò)誤，首先先檢查是不是網(wǎng)絡(luò)問題，例如 443 、 connect timeout 等。
安裝結(jié)束
至此，git+homebrew+Node+npm的搭建已經(jīng)完成了。接下來就可以在本地執(zhí)行npm install和npm run ...命令來啟動(dòng)前端Vue項(xiàng)目，正常訪問了。
npm包安裝失?。嚎梢酝ㄟ^修改國(guó)內(nèi)鏡像安裝所需依賴。執(zhí)行下面代碼成功后，可以執(zhí)行npm install下載依賴正常啟動(dòng)項(xiàng)目，親測(cè)有效。
npm config set registry https://registry.npm.taobao.org npm info underscore
到此這篇關(guān)于M1 pro芯片啟動(dòng)Vue項(xiàng)目的方法步驟的文章就介紹到這了,更多相關(guān)M1 pro啟動(dòng)Vue內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue-router單頁(yè)面路由的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
基于Ant-design-vue的Modal彈窗 封裝 命令式與Hooks用法
這篇文章主要給大家介紹了基于Ant-design-vue的Modal彈窗封裝命令式與Hooks用法，文中有詳細(xì)的代碼示例，具有一定的參考價(jià)值，感興趣的同學(xué)可以借鑒閱讀2023-06-06
vscode 配置vue+vetur+eslint+prettier自動(dòng)格式化功能
這篇文章主要介紹了vscode 配置vue+vetur+eslint+prettier自動(dòng)格式化功能，本文通過實(shí)例代碼圖文的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
vue 使用class創(chuàng)建和清除水印的示例代碼
這篇文章主要介紹了vue 使用class創(chuàng)建和清除水印的示例代碼，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了詳解vue-router 初始化時(shí)做了什么,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
vue項(xiàng)目環(huán)境變量配置的實(shí)現(xiàn)方法
這篇文章主要介紹了vue項(xiàng)目環(huán)境變量配置的實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
Vue 子組件與數(shù)據(jù)傳遞問題及注意事項(xiàng)
這篇文章主要介紹了Vue子組件與數(shù)據(jù)傳遞問題及需要注意事項(xiàng)，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07
如何在Vue單頁(yè)面中進(jìn)行業(yè)務(wù)數(shù)據(jù)的上報(bào)
為什么要在標(biāo)題里加上一個(gè)業(yè)務(wù)數(shù)據(jù)的上報(bào)呢，因?yàn)樵谠蹅兦岸隧?xiàng)目中，可上報(bào)的數(shù)據(jù)維度太多，比如還有性能數(shù)據(jù)、頁(yè)面錯(cuò)誤數(shù)據(jù)、console捕獲等。這里我們只講解業(yè)務(wù)數(shù)據(jù)的埋點(diǎn)。2021-05-05
Vue實(shí)現(xiàn)動(dòng)態(tài)顯示textarea剩余字?jǐn)?shù)
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)動(dòng)態(tài)顯示textarea剩余文字?jǐn)?shù)量，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
解決vue init webpack 下載依賴卡住不動(dòng)的問題
這篇文章主要介紹了解決vue init webpack 下載依賴卡住不動(dòng)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11