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、設(shè)置別名跳轉(zhuǎn)
目根目錄【fulishe】創(chuàng)建文件 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/'),
        }
    }
};

設(shè)置配置路徑

image.png

刪除行【delete line】

image.png

修改快捷鍵
選擇eclipse mac os 其他單獨設(shè)置

image.png

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

image.png

前進 、后退 【navigate】

image.png

全局內(nèi)容搜索【find in file】

image.png

撤銷【undo】

image.png

重做【redo】

image.png

鼠標左鍵跳轉(zhuǎn)方法內(nèi)部 【go to declaration or usages】

image.png

【雙擊shift】查找文件修改范圍

image.png

修改字體樣式和字體大小

image.png

設(shè)置eslint

image.png

根據(jù)提示查找對應的進行關(guān)閉

image.png

image.png

去掉換行空格到時eslint報錯

image.png

修改eslint配置，關(guān)閉不常用的告警 文件-

.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 循環(huán)遍歷

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

3、forin 遍歷對象Object,輸出key

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

4、forof 遍歷數(shù)組Array輸出value

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

5、 if if語句

if ($Object$) {

}

這里可以過濾需要補提交的文件?？梢圆挥迷?gitignore文件修改

但注意設(shè)置了更新rebase會異常，只是暫時隱藏了而已

image.png

三、安裝IntelliJ IDEA

選擇2018.3.6

如果VUE方法無法注解。手動添加Live templates 模板

image.png

修改字體

image.png

三、安裝node

前端開發(fā)建議安裝14.x版本
官網(wǎng) https://registry.npmmirror.com/binary.html?path=node/latest-v14.x/

image.png

image.png

安裝 yarn
npm install -g yarn

四、安裝whistle 官網(wǎng)：https://wproxy.org/whistle/

1、npm install -g whistle 注意：沒權(quán)限就sudo npm install -g whistle
2、啟動 w2 start 停止 w2 stop
3、安裝根證書
配置
1、全局代理 (推薦)，可通過命令行設(shè)置參考設(shè)置代理，也可以手動配置：
2、瀏覽器代理 (推薦)：安裝瀏覽器代理插件

3、移動端需要在設(shè)置中配置當前Wi-Fi的代理
具體參考官網(wǎng)

按需設(shè)置通用跨域

設(shè)置跨域 官網(wǎng)參考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代理調(diào)試

新建情景模式 - whistle：
代理協(xié)議：http 代理服務器：127.0.0.1 代理端口：8899

image.png

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

官網(wǎng)：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、修改環(huán)境變量(必須得分開2行輸入)
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

修改環(huán)境變量方法
1、打開終端，輸入vim ~/.bash_profile
2、輸入 i進入編輯模式，然后輸入環(huán)境變量：
3、編輯完成后，按 Esc 退出編輯，輸入:wq!保存并退出
4、輸入source .bash_profile使環(huán)境變量生效
5、安裝最新版本nvm install 16 會自動找16最新版本
6、原來高版本，安裝低版本，系統(tǒng)默認會變成低版本，修改默認版本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環(huán)境的三種方式

直接配置adb環(huán)境變量

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工具速度優(yōu)化

1、修改內(nèi)存配置

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

找到（或添加）以下配置項并根據(jù)需要修改數(shù)值：

-Xms：設(shè)置初始堆內(nèi)存大小，例如 -Xms128m。

-Xmx：設(shè)置最大堆內(nèi)存大小，例如 -Xmx2048m。

-Xms4096m
-Xmx10240m

2、提高 JVM 性能

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

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

3、啟用 Gradle 離線模式

在 Gradle 中啟用離線模式可以減少構(gòu)建過程中的網(wǎng)絡(luò)請求?？梢酝ㄟ^ View > Tool Windows > Gradle 打開 Gradle 面板，然后點擊工具欄中的 “Toggle Offline Mode” 按鈕。

4、通過 Android Studio 設(shè)置界面調(diào)整

Settings > Appearance & Behavior > System Settings > Memory Settings

IDE max heap size (MB) 調(diào)整內(nèi)存大小

5、禁用內(nèi)聯(lián)提示（Inlay Hints）方法等參數(shù)提示

Settings > Editor > Inlay Hints

取消勾選 Show parameter name hints

6、取消檢查更新

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

取消Automatically check updates for

7、關(guān)閉 Power Save Mode

File > Power Save Mode

8、自動提示忽略大小寫

image.png

9、修改代碼后運行不生效，華為鴻蒙4.2后版本

image.png

10、關(guān)閉安裝確認彈窗

image.png