一、下载androidStudio

选择2.3.2或者2.3.3版本

二、安装webstorm

选择2018.2.8版本

1、设置别名跳转
目根目录创建文件 webpack.config.js

const path = require('path');
module.exports = {
    resolve: {
        alias: {
            '@framework': path.resolve(__dirname, 'framework/'),
            '@modules': path.resolve(__dirname, 'modules/'),
            ...
        }
    }
};

设置配置路径

image.png

三、安装IntelliJ IDEA

选择2018.3.6

四、安装whistle 官网：https://wproxy.org/whistle/

1、npm install -g whistle
2、启动 w2 start 停止 w2 stop
3、安装根证书
配置
1、全局代理 (推荐)，可通过命令行设置参考设置代理，也可以手动配置：
2、浏览器代理 (推荐)：安装浏览器代理插件
3、移动端需要在设置中配置当前Wi-Fi的代理
具体参考官网

按需设置通用跨域

设置跨域 官网参考https://wproxy.org/whistle/rules/resCors.html

/https?://(.).[vip|vipstatic|appvipshop].com/ resCors://
/https?://(.*).[vip|vipstatic|appvipshop].com/ resCors://enable

五、安装chrome插件

1、安装AdBlock
2、安装FeHelper
3、浏览器代理Proxy SwitchyOmega

新建情景模式 - whistle：
代理协议：http 代理服务器：127.0.0.1 代理端口：8899

image.png

六、安装node多版本管理器nvm

官网：https://github.com/nvm-sh/nvm#install-script

1、安装nvm命令
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

2、修改环境变量
export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion

修改环境变量方法
1、打开终端，输入vim ~/.bash_profile
2、输入 i进入编辑模式，然后输入环境变量：
3、编辑完成后，按 Esc 退出编辑，输入:wq!保存并退出
4、输入source .bash_profile使环境变量生效
5、安装最新版本nvm install 16 会自动找16最新版本
6、原来高版本，安装低版本，系统默认会变成低版本，修改默认版本nvm alias default <version>

常用命令
nvm install <version> 安装相应版本
nvm uninstall <version> 卸载指定的版本
nvm use <version> 切换使用指定的版本node
nvm ls列出所有版本
nvm version 查看当前node版本
nvm current 显示当前node版本 nvm version一样
nvm install 安装最新版本nvm
nvm alias default <version> 修改默认版本

七、mac下安装adb环境的三种方式

直接配置adb环境变量

export ANDROID_HOME=/Users/name/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

其他

1、文本编辑器sublimetext
2、host修改Gas mask