关于NodeJS的安装与配置

mac2022-06-30  32

关于NodeJS的安装与配置

1. Node.js是什么?npm又是什么?1.1、Node.js简介。1.2、npm简介。 2. Node.js环境搭建。2.1、下载Node.js压缩包。2.2、 解压Node.js并创建npm全局安装位置文件夹和npm缓存路径文件夹。2.3 、配置Node.js的环境变量。2.4、 配置npm全局模块路径和cache默认安装位置。2.5 、修改npm镜像提高下载速度。3.6、 验证安装结果。 3. 如何运行下载的Node.js项目?3.1、进入项目的目录3.2、进行依赖安装3.3、启动项目

1. Node.js是什么?npm又是什么?

1.1、Node.js简介。

 官方解释: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。 发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。Node是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

 简单的来说:

NodeJS他是用C++开发的一种运行于服务器端的语言,可以写网站后台程序,可以做服务端应用开发,他的语法就是JavaScript,会JS,就是会NodeJS,区别于,普通JS是脚本运行客户端,而NodeJS中的JS是运行于服务器端。所以说,NodeJS的作用相当PHP,ASP等语言。

1.2、npm简介。

  其实在一开始并没有npm,这个东西。但是当一个项目依赖的代码越来越多,程序员发现这是一件很麻烦的事情:

去 jQuery 官网下载 jQuery去 BootStrap 官网下载 BootStrap去 Underscore 官网下载 Underscore等等等等

  有些程序员就受不鸟了,一个拥有三大美德的程序员 Isaac Z. Schlueter (以下简称 Isaaz)给出了一个解决方案:用一个工具把这些代码集中到一起来管理吧!这个工具就是他用 JavaScript (运行在 Node.js 上)写的 npm,全称是 Node Package Manager。

  npm的思路大概是这样的:

买个服务器作为代码仓库(repository),在里面放所有需要被共享的代码发邮件通知 jQuery 、Bootstrap 、Underscore 的作者使用 npm publish 把代码提交到 repository 上,分别取名 jquery、bootstrap 和 underscore(注意大小写)社区里的其他人如果想使用这些代码,就把 jquery、bootstrap 和 underscore 写到 package.json 里,然后运行 npm install ,npm 就会帮他们下载代码下载完的代码出现在 node_modules 目录里,就可以随意使用了。

  这些可以被使用的代码被叫做「包」(package),这就是 npm名字的由来:Node Package(包) Manager(管理器)。

2. Node.js环境搭建。

2.1、下载Node.js压缩包。

  我们进入下载地址:https://nodejs.org/zh-cn/download/ 下载压缩包的Node.js。我这里下载的是64位的,在它的左边是32位的,请自行选择。

2.2、 解压Node.js并创建npm全局安装位置文件夹和npm缓存路径文件夹。

  在这里我们要创建两个文件夹

npm全局安装位置文件夹:node_globalnpm缓存路径文件:node_cache

2.3 、配置Node.js的环境变量。

  第一步:我们点击电脑的属性设置   第二步:点击高级属性配置–>点击环境变量   第三步:点击新建–>变量名输入:NODE_HOME–>变量值使用浏览目录(你自己的安装目录)–>最后点击确定

  第三步:选中path–>点击编辑–>点击新建–>新建环境变量%NODE_HOME%%NODE_HOME%\node_global–>点击确定

2.4、 配置npm全局模块路径和cache默认安装位置。

  然后我们就要使用CMD黑窗口了,配置npm全局模块路径和cache默认安装位置。在黑窗口中输入(切记切记:我的NodeJS的安装路径是G:\byajjnode\node-v10.16.1-win-x64,各位要输入自己的NodeJS的安装路径): npm config set cache “G:\byajjnode\node-v10.16.1-win-x64\node_cache” npm config set prefix “G:\byajjnode\node-v10.16.1-win-x64\node_global”

2.5 、修改npm镜像提高下载速度。

  接下来我们要设置npm镜像,以此来提高下载速度。我们接着在黑窗口中输入npm config set registry https://registry.npm.taobao.org/,然后再输入npm config get registry来查看一下是不是出来一个网址:https://registry.npm.taobao.org/

3.6、 验证安装结果。

  接着我们来做一个最后的测试,来看看我们是否成功的配置完成。

输入:node -v,看是否出结果,如果没有要重新安装NodeJS。输入:npm -v,看是否出结果,如果没有看一下是否环境没有配置好。输入:npm get registry,看结果是否为https://registry.npm.taobao.org/。如果不是再执行一下:“2.5 、修改npm镜像提高下载速度。”这个操作。输入:npm install webpack -g,看是否生成如下文件夹 %node_home%\node_global\node_modules\webpack(%node_home%:你NodeJS的安装路径)。如果出不来,先仔细找找,再查看一下是不是网络问题。如果都不是,你就重新安装NodeJS

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

  既然我们已经安装好Node.js了,那么我们该如何运行下载的Node.js项目呢?我们先下载个素材:https://pan.baidu.com/s/1T8VXBraQuZ7qyxKoo-oSSA。

3.1、进入项目的目录

  我们先进入项目的目录 。

  然后,在搜索栏里输入cmd

  第一步完成。

3.2、进行依赖安装

  接下来我们在黑窗口中输入:npm install,然后等待下载完成。

3.3、启动项目

  我们接着在黑窗口中输入:npm run dev

关于NodeJS的安装与配置 讲解完毕,感谢你的耐心观看!
最新回复(0)