[JavaScript知识库]前端搭建环境

nvm

• nvm-windows

  Download the latest installer

• mac

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

  wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
  

  export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
  [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
  

配置

打开setting.txt在后面添加这两行代码

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

nvm 常用命令

• nvm install stable ## 安装最新稳定版 node，当前是
• nvm install <version> ## 安装指定版本，可模糊安装，如：安装v4.4.0，既可nvm install v4.4.0，又可nvm install 4.4
• nvm uninstall <version> ## 删除已安装的指定版本，语法与install类似
• nvm use <version> ## 切换使用指定的版本node
• nvm ls ## 列出所有安装的版本
• nvm ls-remote ## 列出所有远程服务器的版本（官方node version list）
• nvm current ## 显示当前的版本
• nvm alias <name> <version> ## 给不同的版本号添加别名
• nvm unalias <name> ## 删除已定义的别名
• nvm reinstall-packages <version> ## 在当前版本 node 环境下，重新全局安装指定版本号的 npm 包

nrm

npm install -g nrm

报错1

nrm : 无法加载文件 C:\Program Files\nodejs\nrm.ps1

搜索》powershell》以管理员身份运行

set-ExecutionPolicy RemoteSigned

# 询问输入
y

报错2

throw new ERR_INVALID_ARG_TYPE(name, 'string', value);

找到nvm文件夹安装位置，打开cli.js 第17行修改成

// const NRMRC = path.join(process.env.HOME, '.nrmrc');
const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');

常用命令

• nrm add <nrm name> <nrm url>添加源
• nrm ls 展现所有源，带*是当前正在使用的源
• nrm use <nrm name> 切换使用的源
• nrm del <nrm name> 删除源

git

• windows

• mac

  brew install git
  

VSCode

下载地址

插件

• Chinese (Simplified) Language Pack for Visual Studio Code

  VS Code 的中文（简体）语言包

• Auto Close Tag

  自动关闭标签

• Auto Rename Tag

  自动重命名标签

• Bracket Pair Colorizer 2

  不同层级括号显示不同颜色

• Code Runner

  运行code

• Document This

  注释行

• egg-jump-definition

  egg跳转到方法定义

• eggjs

  eggjs支持

• ESLint

  代码格式检测

• GitLens — Git supercharged

  查看git更改，显示代码编辑者，提交时间，提交信息等

• Git History

  git历史线等

• indent-rainbow

  缩进的颜色区别

• language-stylus

  对stylus支持

• minapp

  微信小程序标签、属性的智能补全

• wechat-snippet

  微信小程序代码辅助,代码片段自动完成

• Path Intellisense

  路径提示

• Vetur

  vue开发支持

node-sass

直接用yarn方法安装

yarn add node-sass

不使用淘宝镜像，使用原来地址安装

https://registry.npmjs.org/

hosts

C:\Windows\System32\drivers\etc\hosts

没有hosts文件

• 查看》选项》隐藏受保护的操作系统文件

  去掉“隐藏受保护的操作系统文件”前面的勾，然后确定，刷新一下

• 按照上面还是不行 ，开大

  搜索》命令提示符》以管理员身份运行

  for /f %P in ('dir %windir%\WinSxS\hosts /b /s') do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P
  

  回车

仓库

使用ssh克隆仓库

fatal: Could not read from remote repository. Please make sure you have the correct access rights

• 情况一，没有配置ssh或者配置错误
• 情况二，仓库不支持ssh