windows 10 系统配置Node

发布于:2025-03-20 ⋅ 阅读:(12) ⋅ 点赞:(0)

目录

什么是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