Mac开发环境准备

git

命令行中输入git，会提示安装XCode或者命令行工具，根据提示安装就好

iterm2

官网：https://www.iterm2.com/

Oh-My-Zsh

官网：https://ohmyz.sh/ Mac系统中默认的shell为bash shell，但是我们查看Mac系统中已经提供的shell，可以发现系统提供了很多个shell，终端输入如下命令查看：

cat /etc/shells

现在需要将系统默认使用的bash shell改为zsh shell，终端输入如下命令：(安装Oh-My-Zsh会自动更改)

chsh -s /bin/zsh

改变系统使用的shell需要输入密码进行验证；

切换shell成功，安装Oh-My-Zsh，终端输入如下命令安装：

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

brew

官网：https://brew.sh/

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

替换 Homebrew 的源为清华大学

# 替换brew.git:
git -C "$(brew --repo)" remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git

git -C "$(brew --repo homebrew/core)" remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/homebrew-core.git

brew update
# 替换homebrew-bottles:
echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles' >> ~/.zshrc
source ~/.zshrc

参考：https://mirrors.tuna.tsinghua.edu.cn/help/homebrew/

Java 11

Oracle官网下载到java11

tar包或者dmg，二者区别在于：

tar你自己解压，放在你想要的地方（配置JAVA_HOME的时候是你自己选的位置！）

dmg会把JDK一键安装到 /Library/Java/JavaVirtualMachines下。

添加环境变量

export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-11.jdk/Contents/Home    
export PATH=$JAVA_HOME/bin:$PATH:.

Maven

从apache官网下载解压

添加环境变量

export MAVEN_HOME=/Users/bob/Documents/tool/apache-maven-3.6.2
export PATH=$PATH:$JAVA_HOME/bin:$MAVEN_HOME/bin

阿里云镜像加速：https://maven.aliyun.com/mvn/view

在M2_HOME的conf/settings.xml，在标签中添加mirror子节点:

<mirror>
    <id>aliyunmaven</id>
    <mirrorOf>*</mirrorOf>
    <name>阿里云公共仓库</name>
    <url>https://maven.aliyun.com/repository/public</url>
</mirror>

mvn help:system //查看java系统属性和环境变量

yarn/node

brew install yarn

会自动安装依赖node

使用阿里云镜像

npm config set registry http://registry.npm.taobao.org

查看当前使用镜像地址

npm config get registry

WebStorm调试Vue

使用WebStorm + Chrome调试Vue

在chrome(调试的)中安装插件 JetBrains IDE Support
编辑调试配置，新建JavaScript调试配置，名字起个vuedebug，设置要访问的url(一般是http://localhost:port,port是应用的端口如3000)，以及Remote url配置(webpack:///src)
在命令行中启动应用，如npm run serve
启动配置的调试server（vuedebug），单击工具栏debug乌龟图标启动，这时候会打开一个新的chrome(调试的)

更多参考:https://www.cnblogs.com/li150dan/p/10451824.html

文章目录

git