日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

前端開發mac裝機指南

 

環境準備

首先打開App store 安裝Xcode,并打開,安裝components。很多東西會在Xcode里面自帶,例如git。

環境基本配置

安裝brew,打開brew官方網站,復制安裝代碼,在終端中粘貼并安裝。

運行 brew install caskroom/cask/brew-cask

運行 brew tap caskroom/versions

Shell轉變

運行 brew install zsh

安裝完成后,運行sudo vi /etc/shells,在文件的末尾加上一行 /usr/local/bin/zsh

保存后,運行chsh -s /usr/local/bin/zsh,可能需要輸入密碼

運行sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)",開始安裝oh-my-zsh,安裝完成后顯示AsciiArt,即表示安裝完成

運行 brew cask install iterm2 ,安裝iterm2,之后都使用iterm2

前端開發環境

首先安裝node.js,這里直接使用nvm作為node.js的管理工具。

所以先安裝nvm,運行 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

安裝成功后重新打開終端,輸入nvm查看是否安裝成功

然后輸入 nvm install stable 安裝最新穩定版 node

然后安裝一些常用的工具,例如:

yarn: npm i -g yarn

webpack: npm i -g webpack

vscode安裝

訪問vscode官網直接下載vscode最新版本。

一些推薦的vscode插件

外觀

主題:Brackets Light Pro ,淺色系主題,個人比較喜歡

圖標:VSCode Great Icons,給不同類型的文件配置不同的圖標,非常直觀;

字體:Fira Code,自從發現并開始使用 Fira Code,我就再也沒多看自其它字體一眼,字體如果比較優雅,尤其是對數學運算符的處理,寫代碼時你真的會感覺在寫詩,哈哈,Fira Code 的安裝過程稍微復雜點,但是效果絕對是值當的;

風格檢查

ESLint:插件式架構,有多種主流的編碼風格規則集可供選擇,典型的有 Airbnb、google 等,你甚至可以攢個自己的,按下不表;

StyleLint,同樣插件式架構的樣式檢查工具,不過我在配置其檢查 react-native 中 styled-components 組件樣式時確實費了不小的功夫,可以單獨寫篇文章了;

TSLint:TypeScript 目前不是我的主要編程語言,但也早早的準備好了;

MarkdownLint:Markdown 如果不合法,可能在某些場合導致解析器異常,因為 Markdown 有好幾套標準,在不同標準間部分語法支持可能是不兼容的;

其他軟件推薦

Go2Sheel,可以在Finder里加一個圖標,點擊即在此目錄打開終端

Sketch,前端必備,和交互設計師合作很方便

SourceTree,很優秀的git可視化工具,用命令的可以無視

macDown,一款免費markdown編輯器,Mou也很好,只是在當前版本下很卡

Charles,抓包工具,我只是覺得chrome developer tool就很好用了

Offie 2016,不得不說微軟的這個產品還是挺棒的

分享到:
標簽:開發 mac
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定