Конфигурация vscode, iterm2, Chrome и т. д.

Содержание этой статьи:vscodeрекомендуемые плагины иsettings.jsonКонфигурация, Плагины Google, Рекомендации для сайтов,iterm2Конфигурация, простое в использовании программное обеспечение для Mac

1. `gif`программное обеспечение для записи`kap`

🖥Официальный сайт

2. Терминал`iterm2`

🖥Официальный сайт
Powerlevel9kТемагитхаб-адрес
следующим образомPowerlevel9kРендеры темы⬇️:

Разверните, чтобы просмотреть сведения о конфигурации

0️ установкаzsh

brew install zsh

1️⃣ УстановитьOh-My-Zsh🖥Официальный сайт

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

После установки нужно установить Zsh в качестве оболочки по умолчанию текущего пользователя (чтобы Zsh использовался при создании новых вкладок):

chsh -s /bin/zsh

2️⃣gitУстановитьавтоматически предлагатьзаполнениеautosuggestions

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

3️⃣gitзаявление об установкевыделять syntax-highlighting

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

4️⃣gitУстановитьтема🎨Powerlevel9k

git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k

5️⃣ Установитьшрифт🎨Nerds

Nerds github

cd ~/Library/Fonts && curl -fLo "Droid Sans Mono for Powerline Nerd Font Complete.otf" https://github.com/ryanoasis/nerd-fonts/raw/master/patched-fonts/DroidSansMono/complete/Droid%20Sans%20Mono%20Nerd%20Font%20Complete.otf

6️⃣ Изменитьнастроить⚙Документы️

vim ~/.zshrc

оказатьсяplugins,В настоящее времяpluginsуже должен былgit, мы добавляемautosuggestionsа такжеsyntax-highlighting

Затем в последней строке файла добавьте:

source ~/.oh-my-zsh/custom/plugins/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh

командная строка терминалаvscodeОткрыть файл или каталог (можно не указывать):

alias code='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code'

тема,оказатьсяZSH_THEMEЗамените эту строку следующей ⬇️:

POWERLEVEL9K_MODE="nerdfont-complete"
ZSH_THEME="powerlevel9k/powerlevel9k"

# 提示符修改
# command line 左侧要显示的信息
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir dir_writable rbenv vcs)
# command line 右侧要显示的信息
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status root_indicator background_jobs ram load history time)
# 提示符分两行显示
POWERLEVEL9K_PROMPT_ON_NEWLINE=true
# 在提示符与要输入的指令之间增加空格
POWERLEVEL9K_MULTILINE_FIRST_PROMPT_PREFIX="%f"
# 当前用户为 root 时，提示符为"#"，否则为"$"
local user_symbol="$"
if [[ $(print -P "%#") =~ "#" ]]; then
    user_symbol = "#"
fi
POWERLEVEL9K_MULTILINE_LAST_PROMPT_PREFIX="%{%B%F{black}%K{yellow}%} $user_symbol%{%b%f%k%F{yellow}%} %{%f%}"
# 没执行完一条指令在最后增加一空行
POWERLEVEL9K_PROMPT_ADD_NEWLINE=true

7️⃣ Нажмитеesc, затем нажмите:wq,войтиsource ~/.zshrcсделать изменения вступившими в силу

Измените следующим образомшрифт🎨Настройки⬇️:

3. `homebrew`🖥Официальный сайт

Установитьhomebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

использоватьhomebrewУстановитьnode,git

brew install node
brew install git

использоватьnpmОткройте домашнюю страницу сторонней библиотеки илиgithub, следующееantdПример 🌰:

npm home antd
npm repo antd

4. `Keycastr`

github

Эффект⬇️:
использоватьhomebrewУстановить

brew cask install keycastr

5. `CheatSheet`

🖥Официальный сайт
нажиматьcommandОтображение текущих клавиш быстрого доступа к программе, как показано ниже.vscodeОтображение ⬇️:

Так как страница ️ часто 404 , я загрузил ее на свой облачный диск Baidu ⬇️

️CheatSheet Облачный диск Baidu, 🔑Пароль:in09

7. `vscode`🖥Официальный сайт

Auto Rename Tag
Bracket Pair Colorizer 2
Color Highlight
Error Gutters
ESLint
Image preview
Node JSON Autocomplete
Visual Studio IntelliCode
Material Icon Theme
One Dark Pro
TODO Highlight
GitLens — Git с наддувом
vscode convert utils
javascript console utils
Ascii Tree Generator
Search node_modules
Bookmarks
Antd Rush
Dark++ Italic

настроить`settings.json`⚙

{
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Monokai Neon",
    // "editor.fontFamily": "Fira Code iScript",
    // "editor.fontFamily": "DroidSansMonoForPowerline Nerd Font",
    "editor.fontLigatures": true,
    "[javascriptreact]": {},
    "files.associations": {
        "*.js": "javascriptreact"
    },
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
    },
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": [
                    "entity.name.function",
                    "support.function",
                ],
                "settings": {
                    "fontStyle": "bold",
                }
            }
        ]
    },
    "editor.minimap.renderCharacters": false, // minimap 展示为色块
    "editor.minimap.maxColumn": 200,
    "editor.minimap.showSlider": "always",
    // "editor.cursorSmoothCaretAnimation": true,
    "files.trimTrailingWhitespace": true, // 保存文件时剪裁尾随空格
    "files.insertFinalNewline": true, // 保存文件时在文件末尾插入一个最终新行
    "editor.lineHeight": 25, // 控制行高
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "window.zoomLevel": 1,
    "breadcrumbs.enabled": true, // 面包屑
    // "editor.codeActionsOnSave": {
    //   "source.organizeImports": true // 文件保存时整理 import 语句
    // }
    // "terminal.integrated.fontFamily": "Meslo LG M for Powerline",
    "terminal.integrated.fontFamily": "Hack Nerd Font Mono", // 控制终端的字体 和 iterm2 的效果一致
    "terminal.integrated.shell.osx": "zsh", // 终端在 macOS 上使用的 Shell 的路径
    "terminal.integrated.fontSize": 13,
    "diffEditor.ignoreTrimWhitespace": true,
    "editor.renderIndentGuides": false,
    "material-icon-theme.folders.theme": "specific",
    "material-icon-theme.activeIconPack": "react_redux",
    "editor.suggestSelection": "first",
    "editor.codeActionsOnSave": {
        "source.fixAll": true,
    },
    "editor.tabSize": 2,
    "editor.fontSize": 14,
    "editor.fontFamily": "Dank Mono, Fira Code, Inconsolata",
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.letterSpacing": 0.3,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.tabCompletion": "on",
    "search.showLineNumbers": true,
}