mac - 前端开发环境 初始化

1、ssh

生成： ssh-keygen -t rsa -C"you_email"

添加：ssh-add ~/.ssh/id_rsa

2、nvm & npm 

nvm 安装：curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.38.0/install.sh | bash

npm设置：npm config set strict-ssl false

3、zsh

1) 安装 oh my zsh

curl -L https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh | sh

安装语法高亮插件：用于zsh的高亮插件 zsh-syntax-highlighting_liaowenxiong的博客-CSDN博客_zsh-syntax-highlighting

2) .zshrc

export ZSH="/Users/chencyn/.oh-my-zsh"
export PATH="$HOME/.yarn/bin:$HOME/.config/yarn/global/node_modules/.bin:$PATH"
# ZSH_THEME="ys"
ZSH_THEME="robbyrussell"
source  ~/.bash_profile 
source $ZSH/oh-my-zsh.sh
# 具体看zsh-syntax-highlight的位置
# source /Users/chencyn/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
source ~/.oh-my-zsh/custom/plugins/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
plugins=(
    git
    zsh-syntax-highlighting
)

3) .bash_profile

export PATH=/usr/local/bin:/usr/local/sbin:~/bin:$PATH
[[ -s "$HOME/.profile" ]] && source "$HOME/.profile" # Load the default .profile
source ~/.bashrc

# nvm
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" 
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion"


# Setting PATH for Python 3.9
# The original version is saved in .bash_profile.pysave
PATH="/Library/frameworks/Python.framework/Versions/3.9/bin:${PATH}"
export PATH

# vscode : code . 
alias code="/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code"

4) 新建一个 .bashrc

touch .bashrc

4、vscode 

{
    // 
    "editor.detectIndentation": false,
    "editor.renderWhitespace": "none",
    "editor.fontSize": 14,
    "editor.fontFamily": "'Courier New', Monaco, monospace， Menlo ",
    "editor.tabSize": 2,
    //这里是系统界面字体大小
    "window.zoomLevel": 0.7,
    "workbench.iconTheme": "vscode-icons",
    "js/ts.implicitProjectConfig.strictNullChecks": true,
    "js/ts.implicitProjectConfig.experimentalDecorators": true,
    // 取消自动格式化
    "editor.formatOnType": false,
    "editor.formatOnSave": false,
    "json.format.enable": false,
    "html.format.enable": false,
    "typescript.format.enable": false,
    "javascript.format.enable": false,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.editorAssociations": {
      "*.ipynb": "jupyter-notebook"
    },
    "notebook.cellToolbarLocation": {
      "default": "right",
      "jupyter-notebook": "left"
    },
    "vsicons.dontShowNewVersionMessage": true,
    // 同源策略
    "http.proxyAuthorization": "false",
    "git.autofetch": true,
    "[html]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "update.mode": "none",
    "breadcrumbs.enabled": false,
    "[typescript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "typescript.updateimportsOnFileMove.enabled": "always",
    "javascript.updateimportsOnFileMove.enabled": "always",
    "[scss]": {
      "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
    }
}

插件：

angualr files , angular language service, angulr support , auto close tag , auto import , git graph, 

git history, gitlens, html css support, html snippets, npm intellisense, open in browser, prettier,

prettier eslint, tslint, to do hilight, vscode-icons.