前端刚进公司新电脑常用环境配置

安装软件:

vocode \ webstorm
chrome
TIM/QQ
微信
企业微信
Vnote
postman (64位数)
git
3点软件下载
nrm 源管理(可选)
nvm

NVM:设置淘宝镜像

nvm配置文件默认安装路径:C:\Users\用户名\AppData\Roaming\nvm\settings.txt
或者
%appdata%\Roaming\nvm\settings.txt

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

npm设置淘宝镜像：

1. 命令
   npm config set registry https://registry.npm.taobao.org
2. 验证命令
   npm config get registry
   如果返回https://registry.npm.taobao.org，说明镜像配置成功。

vue脚手架

npm install -g @vue/cli

yarn安装：

npm i yarn -g

yarn使用淘宝镜像

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

PowerShell yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本
管理员运行powershell,输入以下命令

set-ExecutionPolicy RemoteSigned

vscode 设置

安装插件

• 中文插件: Chinese
• 颜色主体: atom one dark
• 文件夹图标: VSCode Great Icons/vscode-icons
• 浏览器打开网页: open in broser/Live Server
• 自动重命名标签: auto rename tag

vscode配置

• auto save 自动保存
• font size 代码界面字体大小
• word wrap 代码自动换行
• tab size 代码缩进2个空格

vscode vim 配置

• 光标移动经过收缩代码不展开
  按"Ctrl + ,",搜索vim.foldfix并选中复选框，以便将设置设为true。
• "vim.handleKeys": {
  "<C-w>": false,
  "<C-s>": false,
  "<C-z>": false,
  "<C-w>": false,
  "<C-b>": false,
  }