一份前端开发工程的 mac 装机清单

素弋
814 阅读2分钟

科学上网

代理

安装 SS。

终端过墙

SS 打开 PAC 或者全局模式。

右击程序，Copy HTTP Proxy Shell Export Line。

或者复制：

export http_proxy=http://127.0.0.1:1087;
export https_proxy=http://127.0.0.1:1087;

编辑 .zshrc 文件粘贴剪切板。

vim ~/.zshrc

source ~/.zshrc

curl ip.gs

DNS

如果不使用代理，你还可以使用 DNS 方案

cd /etc && sudo chmod 777 hosts && vim hosts

添加

192.30.253.118  gist.github.com
192.30.253.119  gist.github.com
151.101.228.133 avatars0.githubusercontent.com
151.101.76.133  avatars1.githubusercontent.com

刷新 DNS

sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder;

查询

nslookup gist.github.com

恢复

sudo chmod 444 hosts

设置终端文件列表颜色

vim ~/.bash_profile

# set color
export CLICOLOR=1
export LSCOLORS=Exfxaxdxcxegedabagacad

source ~/.bash_profile

安装 Homebrew

你可能需要先安装 Xcode。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

使用 brew

brew install nginx mysql yarn gnupg gnupg2

如果你是 macOS High Sierra 用户，通过 brew 安装应用前你可能需要以下操作。

sudo mkdir /usr/local/Cellar && sudo mkdir /usr/local/opt && sudo mkdir /usr/local/include && sudo mkdir /usr/local/Frameworks && sudo mkdir /usr/local/lib

sudo chown -R $(whoami) $(brew --prefix)/*

更新

brew upgrade

使用 brew cask

brew tap phinze/homebrew-cask && brew install brew-cask

安装过程可能会中止，app 从 Homebrew 下架。

brew cask install alfred appcleaner atom baidunetdisk cheatsheet evernote dingtalk evernote foxmail google-chrome neteasemusic postman qiyimedia qq qqlive snipaste sublime-text switchhosts teamviewer typora visual-studio-code wechat wechatwebdevtools wechatwork youdaodict youku

更新

brew tap buo/cask-upgrade

brew cu -a

苹果商店

Keynote、Numbers、Pages、RAR Extractor Lite、GIF Brewery 3、Sakura、Core Shell、iTunes、OhMyStar2、Xcode、Yummy FTP Pro

其他（非 brew cask 平台）

Cornerstone、Micrisift、Office、Zoom It、Final Cut Pro、Adobe Photoshop CC、Navicat、Premium、FileZilla、Sketch、Charles

允许从任何来源下载的应用

显示

sudo spctl --master-disable

隐藏

sudo spctl --master-enable

隐藏的文件夹

显示

defaults write com.apple.finder AppleShowAllFiles -bool true; killall Finder

隐藏

defaults write com.apple.finder AppleShowAllFiles -bool false; killall Finder

svn

svn 命令行

mkdir /Users/vin/Public/svn && cd /Users/vin/Public/svn

svnadmin create code

cd code/conf && vim svnserve.conf

取消下列配置项注释

anon-access = read
auth-access = write
password-db = passwd
authz-db = authz

添加账户与密码

vim passwd

[users]
account=password

设置权限

vim authz

[groups]
groups = account
@group = rw

启动 svn

svnserve -d -r /Users/vin/Public/svn

checkout

将服务器中 code 仓库的代码 checkout 到本地当前目录下。

svn checkout svn://localhost/code

全局忽略文件

vim ~/.subversion/config

取消 global-ignores 行注释并追加以下可选项

.DS_Store
node_modules
dist
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln

git

ssh

你可能需要执行 xcode-select --install。

新建密钥并添加到 github 与 gitlab

ssh-keygen -t rsa -C 'zhangyu.vin@gmail.com'

cat ~/.ssh/id_rsa.pub

ssh-keygen -t rsa -C 'enterprise-mailbox@*'

id_rsa_*

cat ~/.ssh/id_rsa_*.pub

vim ~/.ssh/config

# github
  Host github.com
    HostName github.com
    PreferredAuthentications publickey
    IdentityFile ~/.ssh/id_rsa

# gitlab
  Host gitlab.*.com
    HostName gitlab.*.com
    PreferredAuthentications publickey
    IdentityFile ~/.ssh/id_rsa_*

ssh -T git@github.com

yes

ssh -T git@gitlab.*.com

yes

Access token

如果不通过 ssh 连接，这是一个可选方案。

git clone https://gitlab-ci-token:${Personal Access Tokens}@gitlab.com/username/myrepo.git

默认设置

github 项目

git config --global user.name 'Zhang Yu'

git config --global user.email 'zhangyu.vin@gmail.com'

gitlab 项目

git config user.name 'Zhang Yu'

git config user.email 'enterprise-mailbox@*'

编辑器

Visual Studio Code

插件列表。

Atom One Dark Theme、Auto Import、Bracket Pair Colorizer、Chinese (Simplified) Language、Pack for Visual Studio Code、Code Runner、Color Highlight、CSS Peek、Debugger for Chrome、File Utils、Git History、Git History Diff、Git Project Manager、GitLens — Git supercharged、Import Cost、indent-rainbow、IntelliSense for CSS class names in HTML、lit-html、markdownlint、minapp、npm Intellisense、Prettier - Code formatter、Quokka.js、React Native Tools、SVG Viewer、Trailing Spaces、TypeScript Hero、Vetur、Vetur-wepy、vscode-pdf、Snippetica for Markdown、Live Server

Atom

同步 Atom 的设置。

安装

apm install sync-settings

设置

Personal Access Token 与 Gist Id

命令选项板

shift + command + p

备份

sync-settings:backup

恢复

sync-settings:restore

你可能初次使用 Atom，可运行脚本文件快速安装相应插件与主题。

下载 apm.sh。

chmod 777 apm.sh

./apm.sh

安装 nvm 与 node

nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

vim ~/.bash_profile

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

source ~/.bash_profile

command -v nvm

node

nvm ls-remote

nvm install v8.16.0

nvm install v10.15.3

npm

npm 登录

npm login

vincheung

******

zhangyu.vin@gmail.com

npm whoami

npm 配置

npm set init-author-name 'Zhang Yu'

npm set init-author-email 'zhangyu.vin@gmail.com'

npm set init-license 'MIT'

npm config list

使用 nrm 管理源

npm install -g nrm

nrm ls

使用 cnpm 与 tyarn

npm install -g cnpm

yarn global add tyarn

安装 rvm、ruby 与 jekyll

rvm

你可能需要先安装 GnuPG。$ brew install gnupg gnupg2。

gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB

\curl -sSL https://get.rvm.io | bash -s stable

source /Users/vin/.rvm/scripts/rvm

ruby

rvm list known

rvm install 2.5.1

安装 jekyll

gem install jekyll

安装 pyenv 与 python

pyenv

brew install pyenv

echo -e 'if command -v pyenv 1>/dev/null 2>&1; then\n  eval "$(pyenv init -)"\nfi' >> ~/.bash_profile

source ~/.bash_profile

python

pyenv install --list

pyenv install 3.7.0

pyenv global 3.7.0

pyenv local 3.7.0

安装 Redis Desktop Manager

从源代码构建 - 来源官方文档

git clone --recursive https://github.com/uglide/RedisDesktopManager.git -b 0.9 rdm && cd ./rdm

  1. Install XCode with Xcode build tools.

  2. Install Homebrew.

  3. Copy cd ./src && cp ./resources/Info.plist.sample ./resources/Info.plist.

  4. Building RDM dependencies require i.a. openssl and cmake.Install them: brew install openssl cmake.

  5. Build RDM dependencies ./configure.

  6. Install Qt 5.9. Add Qt Creator and under Qt 5.9.x add Qt Charts module.

  7. Open ./src/rdm.pro in Qt Creator.

  8. Run build.

补充与拓展

在 Run build 前你可能需要:

  1. rdm 目录下新建 build 目录 build-rdm-redis-desktop-manager-Debug.

  2. brew install qt5.

  3. 项目 -> Manage Kits -> Qt Versions -> 添加 -> Qt 5.11.1(5.11.1) /usr/local/Cellar/qt/5.11.1/bin/qmake -> 构建套件(Kit) -> rdm -> 编译器：C: Apple Clang(x86_64) C++: Apple Clang(x86_64) -> Qt版本: Qt 5.11.1(5.11.1)

安装 Qt

下载 Qt 5.9。

生成应用程序版本

  1. 下载 crashreporter。文件放置 rdm/bin/osx/debug 目录下。

  2. 编辑 rdm/src/rdm.pro 注释 debug: CONFIG-=app_bundle。

  3. Run build 会在 rdm/bin/osx/debug 目录下得到应用程序版本 rdm 将其拖到 Applications。

License

The MIT License.

avatar
文章
阅读
粉丝