环境搭建 npm安装

​​​​​​Node.js 安装配置 | 菜鸟教程

=======================

1.官网下载安装包

https://nodejs.org/en

node.js是一个运行时环境, 可以执行javaScript代码

npm是node.js的包管理器, 可以安装/更新/删除模块 以及管理模块之间的依赖关系

2.安装过程就是next; 完成后,

默认修改的环境变量是

系统变量path下, 添加nodejs的路径, C:\Program Files\nodejs

用户变量path下, 添加全局模块路径, C:\Users\{用户名}\AppData\Roaming\npm

2.5. 使用命令 node -v 以及 npm -v 查看版本号, 以及是否安装成功

如果对模块文件的安装位置没有要求, 则可以跳过 3 和 4

3.手动设置全局模块文件夹, 缓存文件夹

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

4.设置环境变量

setx /M NODE_PATH "C:\Program Files\nodejs\node_global"

然后添加到path变量中, 否则安装到全局目录的模块直接执行是找不到的

比如: webpack -v 提示的是**'webpack' 不是内部或外部命令**

改成: npm webpack -v 才能执行

4.5用命令 npm list -global 检查是否修改正确

5.软件下载仓库的地址, 修改成淘宝

npm config set registry=http://registry.npm.taobao.org

========================================================

3 和 5可以简化成

当前用户的目录下 创建 ".npmrc"文件

保存内容

复制代码
prefix=C:\Program Files\nodejs\node_global
cache=C:\Program Files\nodejs\node_cache
registry=http://registry.npm.taobao.org

4 也可以简化成

setx /M path "%path%;C:\Program Files\nodejs\node_global"

========================================================

接下来可以了解, npm的常用命令 和 其他相关知识

node.js 常用命令_node命令_nz一只肥猫的博客-CSDN博客

=======================================================

webpack的使用,看这一篇就够了_webpack使用_IsAnSir的博客-CSDN博客

相关推荐
牛奶1 分钟前
浏览器藏了这么多神器,你居然不知道?
前端·chrome·api
WebInfra6 分钟前
Rspack 2.0 正式发布!
前端·javascript·前端框架
极速蜗牛13 分钟前
Cursor最近变傻了?
前端
码字小学妹23 分钟前
Claude Opus 4.7 接入指南(2026):国内配置 + xhigh 推理 + 成本计算
前端
小赵同学WoW25 分钟前
插槽【vue2】与 【vue3】对比
前端
代码随想录25 分钟前
Agent大厂面试题汇总:ReAct、Function Calling、MCP、RAG高频问题
前端·react.js·前端框架
前端那点事25 分钟前
Vue响应式原理|从底层实现到面试考点,一文吃透(Vue2+Vue3全解析)
前端·vue.js
walking95727 分钟前
Vite 打包优化终极指南:从 30MB 到 800KB 的性能飞跃
前端·vue.js·vite
Highcharts.js27 分钟前
在 React 中使用 useState 和 @highcharts/react 构建动态图表
开发语言·前端·javascript·react.js·信息可视化·前端框架·highcharts
梓言28 分钟前
解决 Element Plus 中 Tooltip 样式影响全局菜单(Menu)及宽度控制失效的完美方案
前端·css·element