全新mac系统安装过程

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

删除行【delete line】


image.png

修改快捷键
选择eclipse mac os 其他单独设置


image.png

查找字段、方法引用 【find usages】


image.png

前进 、后退 【navigate】


image.png

全局内容搜索【find in file】


image.png

撤销【undo】


image.png

重做【redo】


image.png

鼠标左键跳转方法内部 【go to declaration or usages】


image.png

【双击shift】查找文件修改范围


image.png

修改字体样式和字体大小


image.png

设置eslint


image.png

根据提示查找对应的进行关闭


image.png

image.png

去掉换行空格到时eslint报错


image.png

修改eslint配置，关闭不常用的告警 文件-

.eslintrc 文件

"rules": {
    "new-cap": [2, {"capIsNewExceptions": ["Page", "App", "Component", "Behavior", "VApp", "VPage", "VComponent", "VBehavior"]}],
    "max-len": "off",
    "guard-for-in": "off",
    "comma-dangle": "off",
    "valid-jsdoc": "off",
    "spaced-comment": "warn",
    "eqeqeq": "off",
    "camelcase": "off",
    "no-invalid-this": "off",
    "no-undefined": "warn",
    "no-fallthrough": "warn",
    "no-new": "off",
    "no-cond-assign": "off",
    "complexity": "warn",
    "max-depth": "warn",
    "no-case-declarations": "off",
    "no-param-reassign": "warn",
    "prefer-promise-reject-errors": "warn",
    "max-nested-callbacks": ["error", 4],
    "no-unused-vars": "warn"
  }

修改自动导入包和删除没用的包


image.png

修改live templates


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$) {

}

这里可以过滤需要补提交的文件。可以不用再.gitignore文件修改

但注意设置了更新rebase会异常，只是暂时隐藏了而已

image.png
三、安装IntelliJ IDEA

选择2018.3.6

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

image.png

修改字体


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

android studio工具速度优化

1、修改内存配置

打开 ~/Library/Application Support/Google/AndroidStudioX.X/studio.vmoptions 文件。

找到（或添加）以下配置项并根据需要修改数值：

-Xms：设置初始堆内存大小，例如 -Xms128m。

-Xmx：设置最大堆内存大小，例如 -Xmx2048m。

-Xms4096m
-Xmx10240m

2、提高 JVM 性能

在 studio.vmoptions 文件中添加以下配置项以提高 JVM 的性能：

-XX:+UseG1GC
-XX:MaxGCPauseMillis=50
-XX:+UseStringDeduplication

3、启用 Gradle 离线模式

在 Gradle 中启用离线模式可以减少构建过程中的网络请求。可以通过 View > Tool Windows > Gradle 打开 Gradle 面板，然后点击工具栏中的 “Toggle Offline Mode” 按钮。

4、通过 Android Studio 设置界面调整

Settings > Appearance & Behavior > System Settings > Memory Settings

IDE max heap size (MB) 调整内存大小

5、禁用内联提示（Inlay Hints）方法等参数提示

Settings > Editor > Inlay Hints

取消勾选 Show parameter name hints

6、取消检查更新

File > Settings > Appearance & Behavior > System Settings > Updates

取消Automatically check updates for

7、关闭 Power Save Mode

File > Power Save Mode

8、自动提示忽略大小写
image.png
9、修改代码后运行不生效，华为鸿蒙4.2后版本
image.png
10、关闭安装确认弹窗
image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容