Windows安装配置node.js并测试安装yarn

一、环境

1.系统

Windows 10

2.node.js版本

node-v14.16.1-x64

二、下载

1.下载地址

https://nodejs.org/en/download/

2.下载的文件

在这里插入图片描述

三、安装

1.双击【node-v14.16.1-x64.msi】,开始安装,点击【Next】按钮

在这里插入图片描述

2.勾选复选框,点击【Next】按钮

在这里插入图片描述

3.修改好目录后,点击【Next】按钮

在这里插入图片描述

4.点击【Next】按钮

在这里插入图片描述

5.点击【Install】按钮

在这里插入图片描述

6.点击【Finish】按钮完成安装

在这里插入图片描述

7.查看是否安装成功

node.js自带npm,安装node.js时会一起安装npm
npm的作用就是对node.js依赖包进行管理,也就是用来安装和卸载node.js需要的依赖包的

打开cmd命令窗口执行命令:

node -v
npm -v

在这里插入图片描述
可以查看出版本号说明已经安装成功

8.安装完成后的目录

在这里插入图片描述

四、环境配置

1.配置原因

环境配置主要是配置npm安装的全局模块global所在的路径,以及缓存cache的路径,因为在执行类似:npm install yarn -g(后面的-g是可选参数,g代表global全局安装)的安装语句时,会将安装的模块安装到C盘,占C盘空间。我希望将全局模块所在路径和缓存路径放在node.js安装的文件夹中,我安装的文件夹是【D:\nodejs】,在该文件夹下创建两个文件夹【node_global】和【node_cache】如下图:
在这里插入图片描述

2.创建完【node_global】和【node_cache】两个文件夹后,打开cmd命令窗口执行命令

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

在这里插入图片描述

3.配置环境变量

我的电脑 -> 右键 -> 属性 -> 高级系统设置 -> 高级 -> 环境变量
在这里插入图片描述
在系统变量中点击新建
在这里插入图片描述
在系统变量中找到Path并选中,点击编辑,添加下图中红框中的数值:

在这里插入图片描述

四、测试安装yarn并配置yarn

1.安装yarn

npm install -g yarn --registry=https://registry.npm.taobao.org

2.配置下载源

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

3.vue或者react前端项目可以用yarn下载依赖包

进入项目根目录执行命令

命令说明
yarn下载依赖包
yarn start启动项目
yarn build项目打包
Visual Studio Code(简称VS Code)是一款由Microsoft开发的免费、开源的代码编辑器,它因其轻量级、高度可扩展和跨平台的特点而受到开发者喜爱。以下是安装配置的基本步骤: 1. **下载安装**: 访问[Visual Studio Code官网](https://code.visualstudio.com/),找到适用于您操作系统的版本(Windows, macOS, Linux),点击"Download"按钮下载安装包。 2. **运行安装**: 双击下载的安装文件,按照提示完成安装过程,可以选择自定义安装路径。 3. **启动VS Code**: 安装完成后,可以在桌面或开始菜单找到图标,双击打开。 4. **设置语言支持**: 在欢迎界面或打开后的首次启动,VS Code可能会询问是否需要安装默认的开发工具。选择"添加工作区",并选择您的项目文件夹,这样会自动检测并安装所需的编程语言支持。 5. **安装插件**: VS Code有一个庞大的插件市场,可以通过菜单栏的"Extensions"(扩展)选项搜索并安装所需的开发工具,如代码高亮、代码格式化、调试工具等。 6. **配置用户设置**: 您可以在`Code > Preferences > Settings`(Windows/Linux)或`Visual Studio Code > Preferences: Settings`(macOS)中,自定义界面、键盘快捷键、主题等个性化选项。 7. **配置任务管理**: 如果需要,可以在`Code > Tasks: Configure Task`中创建构建、测试等任务,例如使用Node.js的`npm run`或`yarn run`命令。 8. **配置Git集成**: 安装配置Git插件,如`GitLens`,可以提供更好的Git版本控制功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值