第一項(xiàng):
拆封,取出mac本本调鬓,心情尤其激動(dòng)艇炎;
第二項(xiàng):
打開電腦,會讓你做一些選擇腾窝,一般是語言和輸入法缀踪,作為一個(gè)英語四級擦邊邊過的前端小白來說,我默默的選擇簡體中文和簡拼虹脯;
第三項(xiàng):
做完語言和輸入法的選擇之后驴娃,會讓你登陸或創(chuàng)建appid,作為一個(gè)初次使用新mac的我來說循集,沒有appid唇敞,只能苦逼的自己創(chuàng)建,按照著mac的提示一步步的來做咒彤,奈何在最后一步疆柔,創(chuàng)建失敗,原因未可知镶柱。這個(gè)時(shí)候旷档,作為一個(gè)聰明的小白來說,你可以借別人的賬號去登陸歇拆,先體驗(yàn)一番再說彬犯。當(dāng)然,作為一個(gè)程序媛查吊,我覺著為了長久的發(fā)展谐区,有一個(gè)appid賬號是非常有必要的,所以我就再windows老電腦上注冊了一個(gè)逻卖,非常順利就成功了宋列,特奉上地址:https://appleid.apple.com/account#!&page=create
第四項(xiàng):
在蘋果mac上登陸自己的賬號和密碼,再設(shè)置電腦的用戶名和登陸密碼评也,一般一路next即可炼杖。電腦順利打開,打開電腦之后盗迟,就該想著如何去配置開發(fā)環(huán)境了坤邪,想起這個(gè),我更是一頭霧水罚缕。沒辦法艇纺,硬著頭皮上唄,我始終相信一句話,有百度黔衡,沒難度蚓聘。
第五項(xiàng): 打開appstore,搜索x-code盟劫,其實(shí)我并不知道x-code是干什么用的夜牡,只是聽一個(gè)小姐姐說,有了x-code,就什么都有了侣签,搜索到x-code,點(diǎn)擊獲取塘装,由于appid是新創(chuàng)建的,app Store里的有些軟件是收費(fèi)的影所,需要完善新創(chuàng)建的方法蹦肴,需要有支付方式,有微信型檀,支付寶,銀行卡听盖,我一開始的時(shí)候選擇是用微信支付胀溺,可是后來莫名奇妙的失敗了,未查到具體原因皆看,我只能選擇支付寶支付仓坞,很順利就成功了,x-code順利安裝成功了腰吟,好大5.3G,公司網(wǎng)速很慢无埃,我只能等,等了好幾個(gè)小時(shí)毛雇。
第六項(xiàng):開始真正的環(huán)境配置嫉称。。灵疮。
打開終端织阅,
方式1:右上角搜索框輸入terminal,直接打開即可;
方式2: commond+空格或control+空格 也能打開命令行震捣;
安裝HomeBrew;
安裝這個(gè)比較麻煩:
在terminal中執(zhí)行這個(gè)命令即可:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
依舊一樣荔棉,一路next,需要哦輸入密碼,這個(gè)密碼是輸入的電腦的登錄密碼.
下面就是耐心等待了蒿赢,最后發(fā)現(xiàn)等了好久也沒有反應(yīng):
原因可能是macOS high Sierra 版本的問題润樱,最后我把版本更新為10.13.6? x-code 也進(jìn)行了更新到了10.13.6,
第二天我再次執(zhí)行上面的命令羡棵,很順利就成功了壹若。
第七項(xiàng):安裝git;
brew install git
查看git 版本:
git --version
顯示:
git version 2.18.0
第八項(xiàng):安裝node
brew install node
查看node,npm版本;
node -v, npm -v
第九項(xiàng):安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
第十項(xiàng):安裝yarn
brew install yarn
查看yarn 版本舌稀;
yarn -v
安裝到這里啊犬,基本能完成前端的開發(fā)了,如果還需要其他環(huán)境的配置,可以再進(jìn)行配置壁查,其他的官網(wǎng)上都會有介紹