win10的一些前端环境配置等

  • Q.如何查看win10的凭证管理器
  • Q.nvm的安装与使用
  • nvm的简介
  • nvm的安装
  • nvm的使用
  • Q.环境变量配置查看
  • Q.nrm的安装与使用
  • nrm简介
  • nrm安装
  • nrm使用
  • Q.npm源查看和切换
  • Q.npm的类似包管理器
  • Q.一些npm的全局依赖包
  • Q.如何查询各种包的版本


Q.如何查看win10的凭证管理器

1.打开控制面板,点击[用户账户],点击[凭证管理器]再点击[windows凭据],或点击[管理window凭据]。可以看到普通凭据位置。

凭据管理器中的普通凭据virtualapp/didlogical是注册的windows live的管理凭据,sso_pop_device也是和凭证管理器有关的。
git:xxxxx是git的仓库地址、仓库用户名、仓库密码等。

Q.nvm的安装与使用

nvm的简介

nvm是一个管理nodejs版本的工具。在实际的开发中,有些项目的开发依赖需要低版本的nodejs运行环境,此时我们就需要使用nvm来降低nodejs版本。

注意:注意:npm可以修改全局包和缓存的位置,避免切换node的时候重新下载全局包。自行判断是否 需要设置

nvm的安装

在下载nvm之前需要卸载本电脑已经安装的node。

官网下载nvm(https://nvm.uihtm.com/)(https://github.com/coreybutler/nvm-windows/releases)的安装包。解压安装。

windows10ltsc镜像_自定义


设定当前系统使用node版本的存放位置,也就是说系统最终使用的是这个文件夹里面的node版本,nvm下载了多个版本,指定某个版本后,这个指定的版本就会放到这个node文件中,供系统使用。nvm-setup.zip下载可自定义设置路径,后会根据路径配置环境变量。安装后找到安装地址,打开文件夹,找到settings.txt文件。

windows10ltsc镜像_前端_02

node_mirror:npm.taobao.org/mirrors/node/
npm_mirror:npm.taobao.org/mirrors/npm/
此两行添加进去,taobao下载比较快,否则安装node版本时基本都会下载失败 切换淘宝源

nvm的使用

查看当前所有的node及node使用的版本 命令: nvm list
查看所有nodejs版本:nvm list available
安装nodejs指定版本:nvm install 17.4.0
切换nodejs版本:nvm use 17.4.0
最后,需要注意的是,当你升级 Node.js 版本时,应该谨慎地评估你的代码库和应用程序是否需要更新,需要测试它们在新版本中是否仍能正确运行。因此,我们建议在升级前先进行一些充分的测试,避免不必要的异常情况发生。

总的来说,Node.js 哪个版本最好,还需要根据实际情况进行选择。在选择版本时,应兼顾各种因素。


查看某个依赖包的全部版本:npm view xxxx versions

Q.环境变量配置查看

windows10ltsc镜像_自定义_03


windows10ltsc镜像_自定义_04

Q.nrm的安装与使用

nrm简介

nrm 是一个 npm 源管理器,允许你快速地在 npm源间切换。

npm默认情况下是使用npm官方源(使用npm config ls命令可以查看)。

nrm安装

// 在命令行执行命令,全局安装nrm。 记得先装 node(node自带npm) (切换国内源,避免下载不来或者太慢)
npm install -g nrm

nrm使用

nrm ls 查看所有源
使用 nrm use [registry] 切换源
nrm test [registry]测速
不知道选哪个源时,可以先测一波,哪个快用哪个。不加registry时,可测所有的。
nrm -V :查看当前nrm版本。
nrm -h :显示所有命令。
nrm current :显示当前源名称。
nrm use :切换源。
nrm add [home] :添加一个源。比如公司自己的私有源等。
nrm set-auth [always] :设置自定义源的授权信息。
nrm set-email :给自定义源设置路径。
nrm set-hosted-repo :设置发布到自定义源的npm托管仓储。
nrm del :删除自定义源。
nrm home [browser] :浏览器中打开源首页。
nrm publish [options] [|] :发布包到自定义源,如果没有使用自定义源,则直接发布到npm。
nrm test [registry] :测试源的访问速度。不加registry时,测试所有的。

Q.npm源查看和切换

查看当前npm源     npm config get registry
切换到指定npm源   npm config set registry <registry-url>
临期切换到xx源    npm --registry https://xxxxxxx install express
(临时是指只在当前命令行会话中生效,重新打开一个新的命令行窗口,npm恢复为默认值。
切换淘宝源          npm config set registry https://registry.npm.taobao.org
临时切换成淘宝源    npm --registry https://registry.npm.taobao.org install express

一些常用源的url npm源镜像:
  npm ---------- https://registry.npmjs.org/
  yarn --------- https://registry.yarnpkg.com/
  tencent ------ https://mirrors.cloud.tencent.com/npm/
  cnpm --------- https://r.cnpmjs.org/
  taobao ------- https://registry.npmmirror.com/
  npmMirror ---- https://skimdb.npmjs.com/registry/
  阿里云 NPM 镜像:https://npm.aliyun.com

Q.npm的类似包管理器

  1. pnpm
  2. yarn

Q.一些npm的全局依赖包

  1. vue vue2的全局包
  2. @vue @vue/cli vue脚手架 大版本5之前是vue2的,大版本5开始的是vue3的,已经开始处于维护模式。
  3. rimraf rimraf node_modules —删文件 rimraf 命令快速删除 node_modules 包——node_modules 文件过多时,手动删除比较慢,可以通过 rimraf 命令强制删除,速度快。
  4. node安装就有的全局依赖 npm corepack

Q.如何查询各种包的版本

如何查本地目前node的版本
>node -v
>nvm list


如何查看vue-cli的版本
>vue --version

如何查看全局依赖以及版本
>npm list -g

如何查看vue2以及vue/cli的版本号
>npm list vue -g