百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

NodeJs安装和环境配置(Windows安装包方式)

ztj100 2024-11-07 13:40 77 浏览 0 评论

1、官网下载

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

根据自己电脑系统及位数选择,我的电脑是Windows系统、64位、想下载稳定版的.msi(LTS为长期稳定版)这里选择windows64位.msi格式安装包目前的最新版本是node-v20.11.1


2、安装步骤:

安装路径默认在C:\Program Files下面,也能够自定义修改,点击Next:

下图根据本身的需要进行,我选择了默认Node.js runtime,点击Next

Node.js runtime :表示运行环境

npm package manager:表示npm包管理器

online documentation shortcuts :在线文档快捷方式

Add to PATH:添加到环境变量

根据需要选择可选功能,点击Next:

这段话翻译为:自动安装必要的工具。注意,这也将安装Chocolatey。安装完成后,脚本将弹出在一个新窗口中。

点击Install,进行安装

点击Finish,完成安装

安装完成后,.msi格式的安装包已经将node启动程序添加到系统环境变量path中,咱们能够查看系统变量进行验证:在【个人电脑】右键→【属性】→【高级系统设置】

3、查看

既然已经将node程序添加到全局系统变量中,把咱们能够直接在CMD窗口中任意位置执行node,打开CMD窗口,执行命令:

node -v  查看node版本

最新版的node在安装时同时也安装了npm,执行:

npm -v   查看npm版本

一部分经常使用的命令:

npm -v:查看npm安装的版本
npm init:会引导你建立一个package.json文件,包括名称、版本、作者等信息
npm list:查看当前目录下已安装的node包
npm ls:查看当前目录下已安装的node包
npm install moduleNames:安装Node模块到本地目录node_modules下
npm install < name > -g:将包安装到全局环境中
npm install < name > --save:安装的同时,将信息写入package.json中,
项目路径中若是有package.json文件时,直接使用npm install方法就能够根据
dependencies配置安装全部的依赖包,这样代码提交到git时,
就不用提交node_modules这个文件夹了
npm install < name> --save-dev:安装的同时,将信息写入package.json
中项目路径中若是有package.json文件时,直接使用npm install方法就能够
根据devDependencies配置安装全部的依赖包,这样代码提交到git时,
就不用提交node_modules这个文件夹了
npm uninstall moudleName:卸载node模块

4、环境配置

在安装目录下新建两个文件夹【node_global】和【node_cache】

再次打开cmd命令窗口,输入:

npm config set prefix “你的路径\node_global”
npm config set cache “你的路径\node_cache”

设置环境变量,打开【系统属性】-【高级】-【环境变量】,在系统变量中新建

变量名:NODE_PATH

变量值:D:\App\nodejs\node_global\node_modules

编辑用户变量(环境变量)的 path,将默认的 C 盘下 AppData\Roaming\npm 修改成 D:\App\nodejs\node_global,点击确定。

系统变量的path添加NODE_PATH:

测试,配置完成后,安装个module测试下,咱们就安装最经常使用的express模块,打开cmd窗口,输入以下命令进行模块的全局安装:

npm install express -g   // -g是全局安装的意思

添加国内镜像源:

npm config set registry https://registry.npm.taobao.org

相关推荐

离谱!写了5年Vue,还不会自动化测试?

前言大家好,我是倔强青铜三。是一名热情的软件工程师,我热衷于分享和传播IT技术,致力于通过我的知识和技能推动技术交流与创新,欢迎关注我,微信公众号:倔强青铜三。Playwright是一个功能强大的端到...

package.json 与 package-lock.json 的关系

模块化开发在前端越来越流行,使用node和npm可以很方便的下载管理项目所需的依赖模块。package.json用来描述项目及项目所依赖的模块信息。那package-lock.json和...

Github 标星35k 的 SpringBoot整合acvtiviti开源分享,看完献上膝盖

前言activiti是目前比较流行的工作流框架,但是activiti学起来还是费劲,还是有点难度的,如何整合在线编辑器,如何和业务表单绑定,如何和系统权限绑定,这些问题都是要考虑到的,不是说纯粹的把a...

Vue3 + TypeScript 前端研发模板仓库

我们把这个Vue3+TypeScript前端研发模板仓库的初始化脚本一次性补全到可直接运行的状态,包括:完整的目录结构所有配置文件研发规范文档示例功能模块(ExampleFeature)...

Vue 2迁移Vue 3:从响应式到性能优化

小伙伴们注意啦!Vue2已经在2023年底正式停止维护,再不升级就要面临安全漏洞没人管的风险啦!而且Vue3带来的性能提升可不是一点点——渲染速度快40%,内存占用少一半,更新速度直接翻倍!还在...

VUE学习笔记:声明式渲染详解,对比WEB与VUE

声明式渲染是指使用简洁的模板语法,声明式的方式将数据渲染进DOM系统。声明式是相对于编程式而言,声明式是面向对象的,告诉框架做什么,具体操作由框架完成。编程式是面向过程思想,需要手动编写代码完成具...

苏州web前端培训班, 苏州哪里有web前端工程师培训

前端+HTML5德学习内容:第一阶段:前端页面重构:PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;第二阶段:高级程序设计:原生交互功能开发、面向对象开发与ES5/ES6、工具库...

跟我一起开发微信小程序——扩展组件的代码提示补全

用户自定义代码块步骤:1.HBuilderX中工具栏:工具-代码块设置-vue代码块2.通过“1”步骤打开设置文件...

JimuReport 积木报表 v1.9.3发布,免费可视化报表

项目介绍积木报表JimuReport,是一款免费的数据可视化报表,含报表、大屏和仪表盘,像搭建积木一样完全在线设计!功能涵盖:数据报表、打印设计、图表报表、门户设计、大屏设计等!...

软开企服开源的无忧企业文档(V2.1.3)产品说明书

目录1....

一款面向 AI 的下一代富文本编辑器,已开源

简介AiEditor是一个面向AI的下一代富文本编辑器。开箱即用、支持所有前端框架、支持Markdown书写模式什么是AiEditor?AiEditor是一个面向AI的下一代富文本编辑...

玩转Markdown(2)——抽象语法树的提取与操纵

上一篇玩转Markdown——数据的分离存储与组件的原生渲染发布,转眼已经鸽了大半年了。最近在操纵mdast生成md文件的时候,心血来潮,把玩转Markdown(2)给补上了。...

DeepseekR1+ollama+dify1.0.0搭建企业/个人知识库(入门避坑版)

找了网上的视频和相关文档看了之后,可能由于版本不对或文档格式不对,很容易走弯路,看完这一章,可以让你少踩三天的坑。步骤和注意事项我一一列出来:1,前提条件是在你的电脑上已配置好ollama,dify1...

升级JDK17的理由,核心是降低GC时间

升级前后对比升级方法...

一个vsCode格式化插件_vscode格式化插件缩进量

ESlint...

取消回复欢迎 发表评论: