1、Node.js简介

Node.js® 是一个基于 Chrome V8 引擎的 JavaScript 运行时。Node.js 使用高效、轻量级事件驱动、非阻塞 I/O 模型。它的包生态系统npm,是目前世界上最大开源生态系统

2、下载Node.js

官方地址https://nodejs.org/en/ 或 https://nodejs.org/zhcn/

下图
在这里插入图片描述

以往的版本
https://nodejs.org/zhcn/download/releases/
在这里插入图片描述

四、开始安装
  1、下载完成后,双击自己下载好.msi文件,开始安装

图片

图片

2、点击“ Next按钮

图片

3、选择安装目录点击“ Next按钮

4、选择安装项,此处我选择默认,点击“ Next按钮

图片

5、点击“ Install按钮,开始安装

图片

6、等待安装完成,点击“ Finish按钮完成安装

图片

五、安装完成查看
  1、查看是否安装成功

A、nodev 查看 node 版本

 B、npm -v 查看 npm 版本

图片

2、安装完成后,文件目录下图

图片

六、环境配置
此处的环境配置主要配置的是 npm 安装的全局模块所在的路径,以及缓存cache路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数gg代表global全局安装的意思)的安装语句时。

图片

创建两个文件夹之后,跟之前操作一样,在键盘按下win+R】键,输入cmd然后回车打开命令行界面输入下面命令如图

说明

prefix = 创建node_global文件夹所在路径

cache = 创建node_cache文件夹所在路径

1、设置全局目录缓存目录创建两个文件夹之后,打开cmd命令窗口输入

npm config set prefix “E:Program Filesnodejsnode_global

npm config set cache “E:Program Filesnodejsnode_cache

图片

重新配置:A、删除【 C:Usersyi081.npmrc文件重新生成。如果 .npmrc 不在这个目录下,就 C 盘全局搜一下;B、直接修改编译 .npmrc 文件

设置环境变量,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量

图片

A、进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【E:Program Filesnodejsnode_modules

在这里插入图片描述
B、将【用户变量】下的【Path修改为【E:Program Filesnodejsnode_global

图片

图片

修改完成,点击“ 确定按钮

测试
双击

图片

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

如有遇到如下问题
npm install express […] / idealTree:project: sill idealTree bui site:blog.csdn.net
运行npm install 时,卡在sill install loadAllDepsIntoIdealTree不动

解决办法如下

  1. npm install一直停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwgfetch可以使用如下命令设置为淘宝镜像源:

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

  1. 使用如下命令检验是否成功

npm config get registry

输出淘宝镜像路径

继续运行 npm install ,安装过程畅通无阻(注意我这里已经安装好了)

图片

六、测试
  配置完后,安装个module测试下,我们就安装最常用express模块,打开cmd窗口,输入如下命令进行模块的全局安装:

npm install express -g # -g是全局安装的意思(我这里已经安装好再演示!)

图片

注:如果安装时不加 -g 参数,则安装的模块就会安装在当前路径下,上例若不加 -g 参数,则 express 模块会安装在 C:Usersyi081目录下的 【node_modules】目录下,目录若不存在自动生成

图片

注:若执行命令npm install express -g 出现如下报错

图片

是由于权限原因,右击Nodejs文件夹->属性->安全,点击编辑,将所有权限都✔即可

图片

点击确认

最后查阅网上资源后,原来,最新express版本中将命令工具分家出来了(项目地址:https://github.com/expressjs/generator),所以还需要安装一个命令工具,命令如下:

npm install -g express-generator

图片图片
在这里插入图片描述

使用express创建一个工程,输入命令:express helloworld

图片

转到 helloworld 目录下,命令:cd helloworld

图片

3、执行命令查看cnpm是否安装成功 cnpmv

cnpm -v

如图,即代表cnpm环境配置成功

图片

注意:先cd helloworld

启动npm run start

在这里插入图片描述
图片

浏览器中输入地址http://localhost:3000/,如下图访问我们第一个node web 网页

图片

原文地址:https://blog.csdn.net/weixin_47095836/article/details/128433721

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_42360.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注