Mac 电脑前端环境配置
恍惚间,好久没有在外面写过随笔了。在阿里的那两年,学到了许多,也成长了许多,认识了很多可爱的人,也明白了很多社会的事。最后种种艰难抉择,我来到了美团成都,一个贫穷落后但更自由开放弹性的地方。已经误以为不打卡是对程序猿的保护,现在发现打卡上下班才是最好的保护,且不深谈~
新的环境开始配置新的电脑,本来把之前电脑上的一些重要配置都有弄成一个文件准备带过来的,好像上传个人钉盘被和谐掉了,只好自己再弄一次。
1、打开电脑,联网,登录 icould,itunes,etc
2、升级电脑系统(反正迟早是要升级的),期间可以下一些东西或者按照公司内部软件
3、appStore xcode (自带 git),打开 Xcode->open Developer Tool ->Simulator,准备仿真机调试环境
(网速慢的可以参照 https://blog.csdn.net/snowrain1108/article/details/51325040 或者先科学上网;
这里是别人的使用心得;
这里是命令行控制 simulator,但是少了我最常用的一行命名 xcrun simctl openurl booted https://xxxx 直接在当前 app 中打开某个网址)
1)与此配合使用,safari 浏览器->偏好设置->高级->在菜单栏显示开发菜单
2)由于还会用到 RN,因此需要稍微配置一下 ios 的开发环境。安装cocoapods http://www.code4app.com/article/cocoapods-install-usage
4、控制台相关环境
1)安装 brew 、wget
2)安装 node,nvm
3)iterm2+zsh+ oh-my-zsh,修改 shell 为 zsh,并在 ~/.zshrc 里面配置自己习惯的 alias
# zsh theme
ZSH_THEME="avit" # alias
alias tar="tar -xvf"
alias gz="tar -xzvf"
alias tgz="tar -xzvf"
alias bz2="tar -xjvf"
alias zip="unzip"
alias gaa="git add --all"
alias gcmsg="git commit -m"
alias gpo="git push origin"
alias mi="cnpm install"
alias ms="cnpm start" # 配置 vscode 的快速打开文件
alias vsc='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code';
VSC_BIN='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin';
PATH=$VSC_BIN:$PATH;
5、安装 vscode,参照小胡子哥的经验《如何快速上手一款 IDE - VSC 配置指南和插件推荐》。虽然有 vscode,但是习惯性还是安装 sublime 做日常使用,比如做复制粘贴板,sublime 官网,插件参照知乎《sublime text 3 插件推荐》即可。
6、安装 photoshop、microsoft office、charles、ihost 的破解版(公司没有正式版,又穷。。。)
7、markdown 推荐 markeditor,用习惯的我都买了 pro 了。邮件推荐网易邮箱大师。 窗口控制推荐 spectacle,可以很方便的切窗口的位置和大小,尤其是 chrome。
8、chrome 插件推荐:QRcode、FE helper、edit this cookie、postman、json handle、octotree、React Devolper Tools、Gliffy Diagrams 等,具体用途安装的时候看一下就知道了
9、娱乐相关的微信、qq、网易云音乐~~~
10、科学上网。需求来源为绘图,之前用 draw.io 实现过一个内部协同绘图系统,然后就习惯了 draw.io 了。现在没机器配,所以就直接用官网的,存储支持 Google Drive,于是乎去注册 google 账号,云邮箱等。翻墙使用 https://xiongmao.io/,https://xn--t75a9a.com/ 等。
Mac 电脑前端环境配置的更多相关文章
- Mac上Node环境配置
公司配备Mac笔记本,以前没用过mac开发项目,一开始依然是从node官网下载安装包,后来领导说最好是用brew安装软件,这样比较方便,安装和卸载,只要在命令行输入相应的 install 和 unin ...
- Jmeter----【Mac电脑】环境配置与打开Jmeter界面
前提条件:打开Jmeter界面,首先需要安装java并配置环境变量. 第一步:下载并安装jdk和环境配置 java jdk下载:http://www.oracle.com/technetwork/ja ...
- MAC下 JDK环境配置、版本切换以及ADB环境配置
网上方法,自己总结:亲测可行! 一.JDK环境配置.版本切换: 通过命令’jdk6′, ‘jdk7′,’jdk8’轻松切换到对应的Java版本: 1.首先安装所有的JDk:* Mac自带了的JDK6, ...
- Mac 终端 Tomcat 环境配置过程
Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache.Sun 和其他一些公司及个人共同开发而成.Tomc ...
- mac系统vscode环境配置,以及iTerm2配置Zsh + on-my-zsh shell
https://segmentfault.com/a/1190000013612471?utm_source=tag-newest https://ohmyz.sh/ 一:安装iTerm2终端 htt ...
- Mysql for Mac 安装及环境配置
一.下载及安装 首先去官网下载mac对应版本的Mysql,尾缀为.dmg的程序包 下载地址:https://dev.mysql.com/downloads/mysql/ 下载完毕后,一步步傻瓜式安装即 ...
- Mac下Nginx环境配置
环境信息: Mac OS X 10.11.1 Homebrew 0.9.5 正文 一.安装 Nginx 终端执行: brew search nginx brew install nginx 当前版本 ...
- MAC Java 开发环境配置
JDK Oracle官网 -> Download -> Java for Developers -> Java SE Downloads -> Java Platform (J ...
- Mac 下 Gradle 环境配置
1. gradle路径的查找 然后gradle 右键 显示简介 复制下蓝色的 2. 环境变量的配置 在.bash_profile文件中,添加如下图选中内容的配置信息: 执行source .bash_p ...
随机推荐
- XStream
1.引入需要的jar包,在pom.xml中配置依赖 <dependency> <groupId>com.thoughtworks.xstream</groupId& ...
- MySQL创建视图和Union all的使用案例
CREATE VIEW netcheck.cpu_mp AS (SELECT cpu.ID AS id, cpu.chanel_name AS chanel_name, cpu.first ...
- 见过的最全的iOS面试题
之前看了很多面试题,感觉要不是不够就是过于冗余,于是我将网上的一些面试题进行了删减和重排,现在分享给大家.(题目来源于网络,侵删) 1. Object-c的类可以多重继承么?可以实现多个接口么?Cat ...
- Cocos2D:塔防游戏制作之旅(十一)
是时候放一些坏家伙来搅合一下了! 打开HelloWorldLayer.h并且添加以下代码: // Add these instance variables int wave; CCLabelBMFon ...
- 【leetcode77】Single Number
一题目描述: 给定一个数组,只有一个数字出现一次,其余都是两次,判断那个数字 思路: 不断取出数据进行异或,最后一个数字,因为相同的数字会抵消 代码: public class Solution { ...
- 8、Preferences
(官网:www.libgdx.cn) Preferences是保存简单数据的一种很好的方式,比如用户设置,游戏状态等.Preferences原理像hash map,使用字符串作为键值,多种类型作为值. ...
- 4.2、Libgdx各个模块概览
(原文:http://www.libgdx.cn/topic/34/4-2-libgdx%E5%90%84%E4%B8%AA%E6%A8%A1%E5%9D%97%E6%A6%82%E8%A7%88) ...
- python调用数据库并查询
http://blog.csdn.net/pipisorry/article/details/48024795 python调用数据库命令 conn = sqlite3.connect(". ...
- 【翻译】Siesta事件记录器入门
原文:Getting started with the Siesta event recorder 作者:Mats Bryntse 随着事件记录器功能的发布越来越近,我们准备了一下入门指南,向大家展示 ...
- SpriteBuilder中子节点的相对位置(%百分比定位)
子节点(或在这里确切的为精灵sprites)50%的偏移效果使得其在父节点中居中显示,该父节点的纹理在左下角(锚点为0,0). 这样做好过用父节点的位置的实际值来定位.根据父节点实际位置来定位在早期的 ...