全新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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容