当前位置: 首页 > wzjs >正文

公司网站建设开源平台诸暨公司做网站

公司网站建设开源平台,诸暨公司做网站,开发个网站需要多少钱,陕西省教育类网站前置审批系列文章目录 文章目录 系列文章目录1 安装环境2 Node简介3 下载4 安装4 安装完成测试4.1 node及npm版本查看4.2 node.js目录查看 5 系统环境变量配置5.1 创建缓存文件夹以及全局依赖文件夹5.2 使用命令行修改npm配置5.2.1 修改npm配置5.2.2 检查配置npm配置文件5.2.3 修改系统…

系列文章目录


文章目录

  • 系列文章目录
  • 1 安装环境
  • 2 Node简介
  • 3 下载
  • 4 安装
  • 4 安装完成测试
    • 4.1 node及npm版本查看
    • 4.2 node.js目录查看
  • 5 系统环境变量配置
    • 5.1 创建缓存文件夹以及全局依赖文件夹
    • 5.2 使用命令行修改npm配置
      • 5.2.1 修改npm配置
      • 5.2.2 检查配置npm配置文件
      • 5.2.3 修改系统变量
  • 6 更换镜像源(网络不好时更换)
  • 7 npm的使用
    • 7.1 使用npm安装插件
    • 7.2 使用npm卸载插件
    • 7.3 使用npm安装指定版本的插件
    • 7.4 清除缓存
  • 总结
  • 参考文献


1 安装环境

系统信息:Windows 11 家庭中文版 64位 22H2
Node版本:node-v22.16.0-x64.msi


2 Node简介

Node.js(通常简称为 “Node”)是一个基于 Chrome V8 引擎 的 JavaScript 运行环境,允许开发者使用 JavaScript 进行服务器端(后端)开发。它打破了传统 “JavaScript 只能运行在浏览器中” 的限制,将 JavaScript 的能力扩展到了服务器、桌面应用、物联网等场景。
核心特性:

  • 异步非阻塞 I/O:无需等待耗时操作(如读取文件、网络请求)完成,直接处理下一个任务,大幅提升高并发场景下的性能。
  • 单线程事件驱动:通过事件循环(Event Loop)机制处理请求,避免多线程编程的复杂性,适合处理大量并发连接。
  • 跨平台:可在 Windows、Linux、macOS 等系统上运行。

node.js是一个JavaScript的项目管理工具,功能类似于java中的maven或者python中的pip。
NPM(node package manager)是 node.js 的包管理和分发工具。
新版的node.js集成了npm,安装node.js后无需额外安装npm。


3 下载

本文安装的版本为node-v22.16.0-x64.msi。
官网下载:https://nodejs.org/zh-cn/

在这里插入图片描述


4 安装

1、双击安装包node-v22.16.0-x64.msi,next。

在这里插入图片描述

2、同意协议,Next。

在这里插入图片描述

3、修改安装路径,Next。

在这里插入图片描述

4、选择需要安装的功能,选上Add to Path,然后点击Next。

在这里插入图片描述

5、根据需要选择可选功能,点击Next。

在这里插入图片描述

6、点击Install,在弹出窗口进行管理员授权。

在这里插入图片描述

7、点击Finish完成安装。

在这里插入图片描述
8、若第5步勾选上可选功能,则完成安装后会出现如下弹窗。

在这里插入图片描述


4 安装完成测试

4.1 node及npm版本查看

在命令行中使用如下命令查看node及npm的版本。

node -v
npm -v

在这里插入图片描述
其中:

在这里插入图片描述
解决办法如下:
npm : 无法加载文件 E:\MQTT\Node\install\npm.ps1,因为在此系统上禁止运行脚本。

成功如下:
在这里插入图片描述

4.2 node.js目录查看

在这里插入图片描述

5 系统环境变量配置

本步骤将自定义设置npm的缓存目录以及全局依赖目录,因此本步骤是可选的。

5.1 创建缓存文件夹以及全局依赖文件夹

在理想的位置新建两个文件夹:node_cache和node_global。
在这里插入图片描述

5.2 使用命令行修改npm配置

5.2.1 修改npm配置

使用管理员身份打开命令行(推荐)或PowerShell,输入下列语句,对npm的配置进行修改。

npm config set prefix "E:\MQTT\Node\node_global"
npm config set cache "E:\MQTT\Node\node_cache"

*其中的配置路径需要改为自己的
在这里插入图片描述

5.2.2 检查配置npm配置文件

打开C:\Users\username目录下的.npmrc文件,查看其与刚才的配置是否一致。
在这里插入图片描述

5.2.3 修改系统变量

进入电脑的环境变量,入口:

设置 — 系统 — 系统信息 — 高级系统设置 — 高级 — 环境变量

1、在系统变量中新增系统变量NODE_PATH,设置值为D:\XX\nodejs\node_global\node_modules。
在这里插入图片描述

2、把nodejs的安装路径和全局文件夹路径加进来
现在安装的nodejs默认已经把安装路径加进来的,如果没有就手动添加。
在这里插入图片描述
问:是否可以不单独创建NODE_PATH系统变量,直接把node_modules路径加到系统Path里面?

答:不建议这样操作,因为这2个功能不一样。(系统的Path变量主要用于指定可执行文件的搜索路径。当在命令行中输入一个命令时,系统会根据Path变量中的路径去查找对应的可执行文件来执行。NODE_PATH变量专门用于Node.js环境中模块的搜索路径,查找通过require语句引入的模块。)

现在来看看版本和node的配置:

node -v
npm config ls

在这里插入图片描述


6 更换镜像源(网络不好时更换)

我并没有切换镜像源,因为我网络支持。如果你网络不友好,建议更换镜像源:

更换成淘宝的:

npm config set registry https://registry.npm.taobao.org/
#切换成淘宝源
npm config set registry https://registry.npmjs.org/
#切换成官方源
npm config get registry
#查看当前源
npm install -g cnpm --registry=https://registry.npm.taobao.org
#这个是全局切换成淘宝源

7 npm的使用

7.1 使用npm安装插件

使用如下命令可以将create-react-app插件安装到全局库中,执行完成后打开global目录可以看到插件。–save命令可以将依赖项添加到package.json文件中。

npm install -g --save create-react-app

若只是临时使用,不需要安装到全局库中,只需要去掉-g参数即可。
在这里插入图片描述
默认或者当前安装的文件在:D:\Program Files\nodejs\node_modules 里面
指定全局安装的文件在:D:\Program Files\nodejs\node_global\node_modules 里面

7.2 使用npm卸载插件

使用如下命令可以卸载指定插件,如create-react-app。如果指定插件安装在全局库中,则需要加入-g参数。

npm uninstall create-react-app
npm uninstall -g create-react-app

在这里插入图片描述

7.3 使用npm安装指定版本的插件

使用如下命令可以安装0.26.0版本的ramda。
npm install --save ramda@0.26.0

7.4 清除缓存

npm cache clean --force

添加 –force 是为了强制清除,因为 npm 会提示某些缓存被认为是安全的。


总结

Node.js 凭借异步非阻塞的特性和 JavaScript 生态的优势,成为了现代全栈开发的重要工具。它适合构建高并发、I/O 密集型的应用,尤其在前后端统一开发、实时通信领域表现突出。以上,就是Node.js下载和安装步骤。

参考文献

[1]安装及使用Node.js步骤(win11)
[2]Windows 11安装nodejs并且配置环境的完整教程

http://www.dtcms.com/wzjs/575463.html

相关文章:

  • 奎屯市住房和城乡建设局网站免费做海报的app
  • 南京网站开发价格腾讯云服务器学生机
  • 做专属淘客网站成功的软文推广
  • wordpress点击慢福州seo代理计费
  • 广州网站建设一般多少钱淘宝网站怎么做
  • 高邮城乡建设局网站我要在58上面做网站
  • 网络平台指网站 建设项目所在地什么网站可以做效果图
  • 装修队做网站高端网站鉴赏
  • 建设银行储蓄卡申请网站什么是搜索关键词
  • 网站开发合同及报价wordpress主题对比
  • 建设企业官方网站官网wordpress图片禁止保存下载
  • 便利的集团网站建设在静安正规的设计公司网站
  • 个人网站怎么维护做高仿表网站容易被k吗
  • 情侣做记录网站源码开发一个企业网站需要多少钱
  • 有哪些网站用vue做的wordpress 爱奇艺插件下载失败
  • 在线购物网站 模版怎么建设网站是什么
  • 网站为什么百度搜不到了张家界网络营销
  • 景区网站建设教程网站怎样自己做推广
  • 计算机网站怎么做东莞网站建设公司辉煌大厦
  • 网页设计制作一个餐饮网站做网站的html框架
  • 深圳做网站的公司哪个好百度一下就会知道了
  • 怎样让百度收取我的网站wordpress 修改
  • 网站交换链接怎么做?推广app用什么平台比较好
  • 黄山购物网站建设成都官网搭建公司
  • 苏州做网站比较好的公司横峰县建设局网站
  • 网页设计跟做网站一样吗遵义营商环境建设局网站
  • 网站及其建设的心得体会0元入驻的电商平台
  • 学生制作设计个人网站国外网站怎样建设
  • 对网站建设的建议营销型网站的建设与推广辅导记录
  • 微信第三方做网站需要费用吗建站公司 网络服务