前端常用环境配置

118 阅读2分钟

.npmrc

canvas_binary_host_mirror=https://npmmirror.com/mirrors/canvas

chromedriver_cdnurl=https://npmmirror.com/mirrors/chromedriver

disturl=https://npmmirror.com/mirrors/node

electron_mirror=https://npmmirror.com/mirrors/electron

fse_binary_host_mirror=https://npmmirror.com/mirrors/fsevents

node_inspector_cdnurl=https://npmmirror.com/mirrors/node-inspector

nodejs_org_mirror=https://npmmirror.com/mirrors/node

nvm_nodejs_org_mirror=https://npmmirror.com/mirrors/node

operadriver_cdnurl=https://npmmirror.com/mirrors/operadriver

phantomjs_cdnurl=https://repo.huaweicloud.com/phantomjs

profiler_binary_host_mirror=https://npmmirror.com/mirrors/node-inspector

puppeteer_download_host=https://npmmirror.com/mirrors

python_mirror=https://npmmirror.com/mirrors/python

sass_binary_site=https://npmmirror.com/mirrors/node-sass

selenium_cdnurl=https://npmmirror.com/mirrors/selenium

sqlite3_binary_site=https://npmmirror.com/mirrors/sqlite3

swc_binary_site=https://npmmirror.com/mirrors/node-swc

keytar_binary_host=https://npmmirror.com/mirrors/keytar

sharp_binary_host=https://npmmirror.com/mirrors/sharp

sharp_libvips_binary_host=https://npmmirror.com/mirrors/sharp-libvips

robotjs_binary_host=https://npmmirror.com/mirrors/robotjs

.zshrc

# If you come from bash you might have to change your $PATH.
# export PATH=$HOME/bin:/usr/local/bin:$PATH

# Path to your oh-my-zsh installation.
export ZSH="$HOME/.oh-my-zsh"

# Set name of the theme to load --- if set to "random", it will
# load a random theme each time oh-my-zsh is loaded, in which case,
# to know which specific one was loaded, run: echo $RANDOM_THEME
# See https://github.com/ohmyzsh/ohmyzsh/wiki/Themes
ZSH_THEME="spaceship"
SPACESHIP_PACKAGE_SHOW="false"
SPACESHIP_PROMPT_SEPARATE_LINE="false"
# Set list of themes to pick from when loading at random
# Setting this variable when ZSH_THEME=random will cause zsh to load
# a theme from this variable instead of looking in $ZSH/themes/
# If set to an empty array, this variable will have no effect.
# ZSH_THEME_RANDOM_CANDIDATES=( "robbyrussell" "agnoster" )

# Uncomment the following line to use case-sensitive completion.
# CASE_SENSITIVE="true"

# Uncomment the following line to use hyphen-insensitive completion.
# Case-sensitive completion must be off. _ and - will be interchangeable.
# HYPHEN_INSENSITIVE="true"

# Uncomment one of the following lines to change the auto-update behavior
# zstyle ':omz:update' mode disabled  # disable automatic updates
# zstyle ':omz:update' mode auto      # update automatically without asking
# zstyle ':omz:update' mode reminder  # just remind me to update when it's time

# Uncomment the following line to change how often to auto-update (in days).
# zstyle ':omz:update' frequency 13

# Uncomment the following line if pasting URLs and other text is messed up.
# DISABLE_MAGIC_FUNCTIONS="true"

# Uncomment the following line to disable colors in ls.
# DISABLE_LS_COLORS="true"

# Uncomment the following line to disable auto-setting terminal title.
# DISABLE_AUTO_TITLE="true"

# Uncomment the following line to enable command auto-correction.
# ENABLE_CORRECTION="true"

# Uncomment the following line to display red dots whilst waiting for completion.
# You can also set it to another string to have that shown instead of the default red dots.
# e.g. COMPLETION_WAITING_DOTS="%F{yellow}waiting...%f"
# Caution: this setting can cause issues with multiline prompts in zsh < 5.7.1 (see #5765)
# COMPLETION_WAITING_DOTS="true"

# Uncomment the following line if you want to disable marking untracked files
# under VCS as dirty. This makes repository status check for large repositories
# much, much faster.
# DISABLE_UNTRACKED_FILES_DIRTY="true"

# Uncomment the following line if you want to change the command execution time
# stamp shown in the history command output.
# You can set one of the optional three formats:
# "mm/dd/yyyy"|"dd.mm.yyyy"|"yyyy-mm-dd"
# or set a custom format using the strftime function format specifications,
# see 'man strftime' for details.
# HIST_STAMPS="mm/dd/yyyy"

# Would you like to use another custom folder than $ZSH/custom?
# ZSH_CUSTOM=/path/to/new-custom-folder

# Which plugins would you like to load?
# Standard plugins can be found in $ZSH/plugins/
# Custom plugins may be added to $ZSH_CUSTOM/plugins/
# Example format: plugins=(rails git textmate ruby lighthouse)
# Add wisely, as too many plugins slow down shell startup.
plugins=(
git
zsh-autosuggestions
zsh-syntax-highlighting
)

fpath+=${ZSH_CUSTOM:-${ZSH:-~/.oh-my-zsh}/custom}/plugins/zsh-completions/src
source $ZSH/oh-my-zsh.sh

# User configuration

# export MANPATH="/usr/local/man:$MANPATH"

# You may need to manually set your language environment
# export LANG=en_US.UTF-8

# Preferred editor for local and remote sessions
# if [[ -n $SSH_CONNECTION ]]; then
#   export EDITOR='vim'
# else
#   export EDITOR='mvim'
# fi

# Compilation flags
# export ARCHFLAGS="-arch x86_64"

# Set personal aliases, overriding those provided by oh-my-zsh libs,
# plugins, and themes. Aliases can be placed here, though oh-my-zsh
# users are encouraged to define aliases within the ZSH_CUSTOM folder.
# For a full list of active aliases, run `alias`.
#
# Example aliases
# alias zshconfig="mate ~/.zshrc"
# alias ohmyzsh="mate ~/.oh-my-zsh"
export PATH="$(yarn global bin):$PATH"
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

vscode setting.json 配置

{
    "security.workspace.trust.untrustedFiles": "open",
    "workbench.colorTheme": "Monokai",
    "window.zoomLevel": 1,
    "[javascript]": {
      "editor.formatOnSave": false,
      "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[typescript]": {
      "editor.formatOnSave": false
    },
    "[yaml]": {
      "editor.formatOnSave": false
    },
    "[html]": {
      "editor.formatOnSave": false
    },
    "[vue]": {
      "editor.formatOnSave": false
    },
    "[diff]": {
      "editor.formatOnSave": false,
      "files.trimTrailingWhitespace": false
    },
    "[markdown]": {
      "editor.formatOnSave": false,
    },
    // 保存后自动修复格式  
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true,
      "source.fixAll.stylelint": true
    },
    "css.validate": false,
    "less.validate": false,
    "scss.validate": false,
    // https://vuejs.github.io/vetur/guide/linting-error.html#error-checking
    "vetur.validation.template": false,
    "vetur.validation.style": false,
    "vetur.validation.script": false,
    "vetur.validation.interpolation": false,
    "vetur.validation.templateProps": false,
    "vetur.format.enable": false,
    // 添加stylelint支持的文件类型
    "stylelint.validate": [
      "css",
      "less",
      "postcss",
      "scss",
      "html",
      "vue"
    ],
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      "typescript",
      "typescriptreact",
      "html",
      "vue",
      "markdown",
      // "json",
      // "yml"
    ],
    "editor.tabSize": 2,
    "files.eol": "\n",
    "terminal.integrated.profiles.windows": {
      "PowerShell": {
        "source": "PowerShell",
        "icon": "terminal-powershell"
      },
      "Command Prompt": {
        "path": [
          "${env:windir}\\Sysnative\\cmd.exe",
          "${env:windir}\\System32\\cmd.exe"
        ],
        "args": [],
        "icon": "terminal-cmd"
      },
      "Git Bash": {
        "source": "Git Bash"
      },
      "Ubuntu-20.04 (WSL)": {
        "path": "C:\\windows\\System32\\wsl.exe",
        "args": [
          "-d",
          "Ubuntu-20.04"
        ]
      }
    },
    "terminal.integrated.defaultProfile.windows": "Ubuntu-20.04 (WSL)",
    "terminal.integrated.fontFamily": "Fira Mono for Powerline",
    "workbench.editor.enablePreview": false,
    "files.exclude": {
      "**/.git": false
    },
    "tabnine.experimentalAutoImports": true,
    "cSpell.userWords": [
      "Avenir",
      "jsnext",
      "pnpm",
      "scripthost",
      "sonarjs",
      "stylelint",
      "transsion",
      "vuex",
      "Xiao"
    ],
    "workbench.startupEditor": "none",
    "editor.inlineSuggest.enabled": true,
    "github.copilot.enable": {
      "*": true,
      "yaml": false,
      "plaintext": true,
      "markdown": false
    },
    "editor.fontFamily": "Fira Mono for Powerline"
}

安装Pnpm

  1. Yarn global add pnpm
  2. Vim .zshrc
  3. Add below sentence to .zshrc

image.png

.gitconfig 配置

[user]
	name = emma
	email = emma@test.com
[credential]
	helper = store
	provider = generic
[core]
	autocrlf = input
[url "https://"]
	insteadOf = git://