ICode9

精准搜索请尝试: 精确搜索
首页 > 系统相关> 文章详细

Windows下安装Node.js、npm和yarn

2022-03-21 11:34:00  阅读:65  来源: 互联网

标签:Node npm node nrm Windows yarn registry opt


Windows下安装Node.js和npm

前期准备

◼下载 https://nodejs.org/zh-cn/

◼安装 安装过程很简单全部是next继续就可以

安装完成后打开命令窗口 输入cmd

(npm已经在Node.js安装的时候顺带装好了。)

然后依次输入

node –v 
npm –v

进行验证

配置Node和npm

1.第一步修改NPM的缓存目录和全局目录路径

在D盘node目录下创建两个目录,分别是node_cache和node_global,这是用来放安装过程的缓存文件以及 最终的模块配置位置。配置完成后,执行下面这两个命令:

此处我选择放在: D:\opt\node 输入如下命令:

npm config set prefix "D:\opt\node\node_global"

npm config set cache "D:\opt\node\node_cache"

设置完可以通过npm config ls查看

2.在系统环境变量添加NODE_PATH

D:\opt\node\node_global

3.编辑用户变量里面的path,增加步骤2 新增的 %NODE_PATH%
4.npm设置淘宝源
 npm config set registry https://registry.npmmirror.com

也可以使用定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npmmirror.com

npmmirror 中国镜像站 https://npmmirror.com/

http://npm.taobao.orghttp://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务! 请尽快更新到新域名

5.测试 安装nrm

npm install nrm –g 执行nrm –V 这块有点坑 (如果是windows)

打开D:\opt\node\node_global\node_modules\nrm 下面的cli.js文件 修改第17行

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

使用nrm切换npm源

使用nrm切换registry源

1.增加淘宝镜像和太极镜像

nrm add taobao https://registry.npm.taobao.org/

nrm add yarn https://registry.yarnpkg.com/

2.切换npm registry源

nrm use taobao // 切换淘宝源

3.查看所有源

nrm ls

yarn安装和配置

1.yarn安装

npm install -g yarn

2. 配置yarn的bin路径到path中

D:\opt\node\node_global\node_modules\yarn\bin

验证

yarn –v

3.常用命令

yarn install

yarn add [package]

yarn upgrade [package]

yarn remove [package]

4.yarn 配置全局和缓存目录

yarn config set global-folder “D:\opt\node\yarn_global”
yarn config set cache-folder “D:\opt\node\yarn_cache”

执行yarn config list 查看配置是否成功

5.环境变量配置

在path中添加 D:\opt\node\yarn_global\node_modules.bin

Vscode下载与插件配置

插件

Chinese

Vetur

Spring Boot Extension Pack

Quasar Snippets

Auto Close Tag

Auto Rename Tag

Live Server

Live Sass Compiler

IntelliSense for CSS class

names in HTML

标签:Node,npm,node,nrm,Windows,yarn,registry,opt
来源: https://www.cnblogs.com/geek233/p/16033901.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有