Windows10配置nvm、nodejs、npm、cnpm、vue,把自己感动哭了

nvm、nodejs、npm、cnpm、vue之间的关系

  • nvmnpm的版本管理器,可通过安装nvm来控制电脑使用的npm版本
  • nodejs是一个服务器端的JS解释器,是JS的一种运行环境,它包含了npm,也就是说安装好nodejs,npm便自动安装好了
  • npm是项目的包管理器,在大型的web应用中,会依赖很多别人家的包,需要引用别人家的源代码,npm就是用来管理这些源代码的,也就是用来管理这些模块的
  • cnpm是npm的镜像版本
  • vue是一种前端框架,安装vue-cli需要使用cnpm

nvm的安装

  • GitHub下载安装包:Github网址
  • 下载最新版nvm-setup.zip,解压后傻瓜式安装即可
  • 新建环境变量NVM_HOME,值为C:\Users\zmh\AppData\Roaming\nvm
  • 新建环境变量NVM_SYMLINK,值为C:\Users\zmh\AppData\Roaming\nvm\v12.7.0
  • 成功:Windows10配置nvm、nodejs、npm、cnpm、vue,把自己感动哭了_第1张图片

cnpm安装

  • 命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 系统环境变量:C:\Users\zmh\AppData\Roaming\nvm\v12.7.0\node_modules\npm\node_modules
  • 说明:集成在nvm中的nodejs对应的npm的模块中,所以使用C:\Users\zmh\AppData\Roaming\nvm\npm\node_modules是不可以的

vue安装

  • 命令:cnpm i vue-cli -g
  • 成功:Windows10配置nvm、nodejs、npm、cnpm、vue,把自己感动哭了_第2张图片

你可能感兴趣的:(前端)