git安装

1. 首先，打开终端（Terminal）应用程序。

2. 如果你没有安装Xcode或者Xcode Command Line Tools，那么你需要先安装它们。你可以在终端运行以下命令来安装Xcode Command Line Tools：
   xcode-select --install

image.png

git安装
[直接下载安装包进行安装]
安装成功后检查版本
(https://blog.csdn.net/weixin_43880061/article/details/123783116?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-2-123783116-blog-129411558.235%5Ev36%5Epc_relevant_default_base3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-2-123783116-blog-129411558.235%5Ev36%5Epc_relevant_default_base3&utm_relevant_index=5)

image.png

检查路径usr/local/bin/git是否存在

image.png

安装工具V2

image.png

一、下载androidStudio

选择2.3.2或者2.3.3版本

二、安装webstorm

选择2018.2.8版本

1、设置别名跳转
目根目录【fulishe】创建文件 webpack.config.js
__dirname ：代表文件所在目录

const path = require('path');
module.exports = {
    resolve: {
        alias: {
            '@framework': path.resolve(__dirname, 'framework/'),
            '@modules': path.resolve(__dirname, 'modules/'),
            '@model': path.resolve(__dirname, 'model/'),
            '@utils': path.resolve(__dirname, 'utils/'),
            '@common': path.resolve(__dirname, 'common/'),
            '@include': path.resolve(__dirname, 'include/'),
            '@base': path.resolve(__dirname, 'base/'),
            '@router': path.resolve(__dirname, 'router/'),
            '@config': path.resolve(__dirname, 'config/'),
            '@component': path.resolve(__dirname, 'component/'),
            '@components': path.resolve(__dirname, 'components/'),
        }
    }
};

设置配置路径

image.png

修改代码自动补全

image.png

1、log console.log输出

console.log('$log1$', $log2$)

2、foreach 循环遍历

$Array$.forEach((item, index) => {
  $END$
});`

3、forin 遍历对象Object,输出key

for (let key in $Object$) {
  $END$
}

4、forof 遍历数组Array输出value

for (let value of $Array$) {
  $END$
}

5、 if if语句

if ($Object$) {

}

三、安装IntelliJ IDEA

选择2018.3.6

如果VUE方法无法注解。手动添加Live templates 模板

image.png

三、安装node

前端开发建议安装14.x版本
官网 https://registry.npmmirror.com/binary.html?path=node/latest-v14.x/

image.png
安装成功
image.png

安装 yarn
npm install -g yarn

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

1、npm install -g whistle 注意：没权限就sudo 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+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、修改环境变量(必须得分开2行输入)
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

修改环境变量方法
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