web全栈工程师在Mac下的开发环境搭建

开发依赖安装

homebrew + git

1 2	/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" brew install git

Javascript全局依赖

nodejs
@vue/cli
less
nrm(npm镜像快速切换,官网下载依赖慢可以切换到淘宝,淘宝下载不了可以切回官网)
1
2
3
4
brew install nodejs
npm install -g @vue/cli
npm install -g less
npm install -g nrm

PHP环境

php
swoole
composer

phpmd(代码美化)

brew install php
brew install phpmd
brew install composer
pecl install redis
pecl install swoole

mysql redis

1 2	brew install mysql brew install redis

nginx

1
2
3

brew install nginx
brew services restart nginx
brew services restart php

其他

cocoapods(iOS依赖管理)
gogs(本地git服务器)

国内镜像源

// nodejs使用淘宝镜像
nrm use taobao
// PHP使用国内镜像
composer config -g repo.packagist composer https://packagist.phpcomposer.com
// cocopods使用国内镜像
gem sources --add https://gems.ruby-china.com/
// gradle使用国内镜像
buildscript {
    repositories {
        maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/' }
        maven{ url 'http://maven.aliyun.com/nexus/content/repositories/jcenter'}
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.3.0-alpha13'
    }
}
allprojects {
    repositories {
        maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/'}
        maven{ url 'http://maven.aliyun.com/nexus/content/repositories/jcenter'}
    }
}

常用的原型/交互/设计相关软件

Adobe Photoshop(付费)
Adobe Illustrator(付费)
Sketch(付费)
Axure RP(付费)
PxCook

比较常用的编辑器/IDE

VS Code
Sublime Text(http://www.sublimetext.com/3)
Textastic(付费,体积小,用来替代自带的TextEdit临时打开文本文件)
Xcode(开发iOS App)
Android Studio(开发Android App)

文本比较工具

Meld

数据库客户端

Tableplus(付费)

启动界面

mysql数据库管理

代码管理

Sourcetree

远程服务器管理

Microsoft Remote Desktop(之前App Store可以搜到,现在只能从其他网站下)
SSH Config Edtior(付费)
Transmit

Microsoft Remote Desktop

Transmit同步浏览

Transmit文件同步

虚拟桌面

VMWare Fusion(付费)

API测试工具

Paw(HTTP请求测试)
网络调试助手(TCP/UDP测试)
Charles(抓包)

Paw

网络调试助手

Charles

其他提升效率的小工具

Dash(付费,API手册,提升查询API效率)
LogTail(付费,日志查询,优化日志查看体验)
SiteSucker(付费,自动抓取其他网站的源码到本地)
Keka(付费,解压缩软件,主要是图标很萌)
BetterZip(付费,解压缩软件,解决了同类软件解压中文zip压缩包乱码的问题)
AirServer(付费,共享iPhone屏幕到电脑显示)
Tencent Lemon(清理一些用不着软件或者临时文件)
iShot(截图,录屏,有着QQ截图一样优良的体验)
iRightMouse(解决右键无法创建文件,无法在当前目录打开终端的问题)
Lulu(防火墙软件,安装ps等软件后阻止这些软件联网)

Dash

Keka

iRightMouse

VS Code插件推荐：

Auto Close Tag 在PHP等语言中自动闭合标签。
Auto Rename Tag
CSS Peek 跳转到CSS样式定义的地方
Document This 快捷添加注释
Git History 方便查看git log
GitLens 方便查看git log
HTML CSS Support 在HTML文档中显示CSS
HTML Snippets HTML5代码提示
JavaScript (ES6) code snippets ES6代码提示
jQuery Code Snippets JQ代码提示
Markdown All in One Markdown预览与格式转换
Path Intellisense 自动补全文件路径
PHP DocBlocker PHP快捷添加注释
PHP IntelliSense PHP代码提示
phpfmt - PHP formatter PHP代码格式化
Prettier - Code formatter 代码格式化
REST Client REST请求发送
SVG Viewer 查看SVG文件
Terminal 便捷的终端面板
Todo Tree 便捷的todo面板
Vetur VUE语法高亮
Visual Studio IntelliCode 代码提示
vscode-database 数据库连接客户端

Chrome浏览器插件推荐：

谷歌访问助手破解版方便访问Chrome应用商店，安装插件。
极速二维码一款现代、极简风格的二维码生成和解析插件
广告终结者屏蔽广告用
一键管理扩展启用禁用拓展
Mate Translate – 翻译器、词典翻译插件
Google文档、表格及幻灯片文档编辑
FeHelper 前端开发神器
Vue.js devtools VUE调试面板
Tabbed Postman - REST Client REST客户端
PHP Console PHP调试面板
Evernote Web Clipper 印象笔记，稍后阅读
Dark Reader 暗黑模式，护眼
ColorZilla 配色插件