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

windows 10 系统配置Node

目录

什么是Node.js

什么是Npm

Node.js环境搭建

下载

解压

配置环境变量

npm配置

如何运行下载的Node.js项目


什么是Node.js

在 Node.js 之前,JavaScript 只能运行在浏览器中,作为网页脚本使用,为网页添加一些特效,或者和服务器进行通信。有了 Node.js 以后,JavaScript 就可以脱离浏览器,像其它编程语言一样直接在计算机上使用,想干什么就干什么,再也不受浏览器的限制了。

Node.js 不是一门新的编程语言,也不是一个 JavaScript 框架,它是一套 JavaScript 运行环境,用来支持 JavaScript 代码的执行。用编程术语来讲,Node.js 是一个 JavaScript 运行时(Runtime)。

Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。Node.js使用了一个事件驱动、非阻塞式I/O 的模型。Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。不能再将它视为一种“小玩意”。

1)Node.js依赖JavaScript运行环境,开发语言是:Javascript

2)J2EE依赖Java运行环境,开发语言是:Java

什么是Npm

npm(Node.js Package Manager)是一个Node.js的包管理工具,用来解决Node.js代码部署问题。在安装Node.js时会自动安装相应的npm版本,不需要单独安装。使用npm包管理工具可以解决如下场景的需求:

允许用户从NPM服务器下载他人编写的第三方包到本地使用。

允许用户从NPM服务器下载并安装他人编写的命令行程序到本地使用。

允许用户将自己编写的包或命令行程序上传到NPM服务器供他人使用。

npm==maven 有点类似

Node.js环境搭建

下载

下载地址:Node.js — Download Node.js®

注1:Node有两个版本线: LTS是长期维护的稳定版本Current是新特性版本

解压

将下载的node-v10.15.3-win-x64.zip解压到指定目录中,并在解压后的目录下建立node_globalnode_cache这两个目录。

node_global:npm全局安装位置;node_cache:npm缓存路径

配置环境变量

新增NODE_HOME,值为:D:\tools\node-v10.15.3-win-x64(视自己安装目录而定),修改PATH并在最后添加:;%NODE_HOME%;%NODE_HOME%\node_global;

配置NODE_HOME

配置Path

环境变量查看: echo %node_home%,echo %path%

测试安装是否成功: node -v,npm -v

npm配置

配置npm全局安装位置和缓存路径。打开CMD,分别执行如下命令:

npm config set cache "C:\tools\node-v14.15.0-win-x64\node_cache"
npm config set prefix "C:\tools\node-v14.15.0-win-x64\node_global"

注意:

1)创建的node_global(npm全局安装位置)和node_cache(npm缓存路径)与npm联系起来

2)如果执行命令卡死,可以删除C:\Users\用户名.npmrc 后重新执行。(用户名:当前电脑的用名)

3)"D:\tools\node-v10.15.3-win-x64\node_global",双引号不能少

修改npm镜像提高下载速度

可以使用 cnpm或直接设置--registry,推荐设置--registry

Registry

## 设置淘宝源
npm config set registry https://registry.npm.taobao.org/
## 查看源,可以看到设置过的所有的源
npm config get registry

npm config set registry https://registry.npmmirror.com

cnpm

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

1)cnpm安装完成后,以后就可以用cnpm命令代替npm命令, 此时npm还是会用官方镜像,cnpm会用国内镜像;

2)如果要恢复成原来的设置,执行如下:npm config set registry https://registry.npmjs.org/

安装配置webpack

npm install webpack -g

以上命令执行完毕后,会生成如下文件: %node_home%\node_global\node_modules\webpack

如何运行下载的Node.js项目

将下载的项目解压到指定目录,本例是解压到:D:\temp\vueproject,后面都以此为例

## 1.打开命令窗口
cmd
## 2.切换到d盘
d:
## 3.进入指定目录
cd D:\temp\vueproject
## 4.进行依赖安装
npm install
## 5.启动项目
npm run dev

相关文章:

  • Unity 项目工程结构目录
  • 【设计原则】迪米特法则(LoD):降低耦合的设计智慧
  • AI视频生成产品体验分享(第2趴):Vidu、Hailuo、Runway、Pika谁更胜一筹?
  • 游戏成瘾与学习动力激发策略研究——了解存在主义心理学(通俗版)
  • Django系列教程(13)——Cookie和Session应用场景及案例
  • Java基础编程练习第34题-正则表达式
  • 关于Number(null) === 0差点引发的事故
  • 【机器学习】特征工程
  • 【Linux】chmod`和`chown`
  • 机器学习概要
  • MySQL 入门大全:查询语言分类
  • 使用Python进行数据分析时,CSV文件导入的两种方法
  • 2025/03/19 Cursor使用方法(Java方向,适合Java后端把家从idea搬家到cursor)
  • 使用Streamlit快速构建数据应用程序
  • 当发现提示少文件,少目录时时,external.css的内容
  • 《算法笔记》9.3小节——数据结构专题(2)->树的遍历 问题 A: 树查找
  • Tomcat - Session 会话保持
  • 《Waf 火绒终端防护绕过实战:系统程序副本+Certutil木马下载技术详解》
  • 【NLP】 API在大语言模型中的应用
  • FPGA管脚约束
  • 人民时评:投资于人,促高质量充分就业
  • 百岁太极拳大师、陈氏太极拳第十一代嫡宗传人陈全忠逝世
  • “下山虎”张名扬一回合摘下“狮心”:你们再嘘一个给我听听
  • 我驻美使馆:中美并没有就关税问题磋商谈判,更谈不上达成协议
  • 对外投资增长、消费市场持续升温,中国经济砥砺前行
  • 美施压拉美国家选边站队,外交部:搞阵营对抗注定失败