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)的安装包。解压安装。
设定当前系统使用node版本的存放位置,也就是说系统最终使用的是这个文件夹里面的node版本,nvm下载了多个版本,指定某个版本后,这个指定的版本就会放到这个node文件中,供系统使用。nvm-setup.zip下载可自定义设置路径,后会根据路径配置环境变量。安装后找到安装地址,打开文件夹,找到settings.txt文件。
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.环境变量配置查看
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的类似包管理器
- pnpm
- yarn
Q.一些npm的全局依赖包
- vue vue2的全局包
- @vue @vue/cli vue脚手架 大版本5之前是vue2的,大版本5开始的是vue3的,已经开始处于维护模式。
- rimraf rimraf node_modules —删文件 rimraf 命令快速删除 node_modules 包——node_modules 文件过多时,手动删除比较慢,可以通过 rimraf 命令强制删除,速度快。
- node安装就有的全局依赖 npm corepack
Q.如何查询各种包的版本
如何查本地目前node的版本
>node -v
>nvm list
如何查看vue-cli的版本
>vue --version
如何查看全局依赖以及版本
>npm list -g
如何查看vue2以及vue/cli的版本号
>npm list vue -g