nodejs的下载安装

Posted 2023-04-01 雨会停rain

1.从官网下载nodejs

官网地址如下

Download | Node.js

 选择老版本的node防止出现兼容问题

 根据电脑下载64位或者32位的

 

 2.安装node

 

 

 

 

 

 

配置环境变量，nodejs安装完成后，会默认在系统path环境变量中配置node.exe的路径，打开cmd，输入node -v即可查看nodejs是否安装成功（如下图），可能你刚安装完，在cmd输入node -v不出现版本号，一般重启一下电脑就可以了。 

 

3.修改NPM的缓存目录和全局目录路径

在自己需要的目录下创建两个目录，分别是node_cache和node_global，这是用来放安装过程的缓存文件以及最终的模块配置位置。配置完成后，在cmd执行下面这两个命令： 

 

npm config set prefix "C:\\MyApp\\MyTools\\vscode file\\node_global" 

npm config set cache "C:\\MyApp\\MyTools\\vscode file\\node_cache" 

 完成后我们可以输入

npm config get prefix

npm config get cache

看到现在的目录 

下面我们运行npm install express -g来测试一下（如果安装报错，请使用管理员身份打开命令行进行安装）

 再次输入npm list -g

4.配置npm和nodejs的环境变量

找到生成的node_modules,复制路径

 

在环境变量的配置界面配置NODE_PATH，值填

C:\\MyApp\\MyTools\\vscode file\\node_global\\node_modules

 还需要修改一些nodejs默认的模块调用路径，因为模块的安装位置变了，如果nodejs的命令还到原来的位置去找，肯定是找不到安装的模块了。选择Path，然后点击编辑，然后选择npm那个，修改成C:\\MyApp\\MyTools\\vscode file\\node_global

 至此，npm配置算完成了，测试配置是否成功：打开cmd，输入node，回车，再输入require('cluster')，如果能正常输出cluster模块的信息，说明上面的所有配置就算生效了。

5.重置npm模块的注册、管理、发布地址为cnpm

    npm install cnpm -g（引申：cnpmjs.org: Private npm registry and web for Company，cnpm是一个网站，同时cnpm也是一个命令行工具，面向企业级的私有npm包的注册地、管理、发布）

重置模块的镜像地址：

    修改npm包管理器的registry为淘宝镜像，

npm config set registry https://registry.npm.taobao.org（官方地址为registry.npmjs.org）
重置设置代理：npm config set proxy http://server:port
 

 

 

nodejs安装，配置环境

1、下载nodejs安装包

去nodejs官网下载最新版本就行，网址：http://nodejs.cn/download/，点击自己适用的系统，自动下载跟电脑操作系统位数符合的安装包，

下载下来安装包之后一路next就行，nodejs安装路径不一定要使用默认的，我不想装在C盘，所以我选择了D:\\Program Files\\nodejs这个路径

2、配置环境

这个地方坑了我一整天，我之前反复安装过nodejs，以及改动过一些配置，导致我cnpm一直安装之后不能使用，提示：cnpm不是内部命令，自从去年接触过nodejs之后cnpm就能用过，这次刚好工作需要就好好搞一下，

安装好之后电脑系统变量path中自动存进去了nodejs安装的路径了，有些人安装nodejs，npm下载文件的地址默认是在C:\\Users\\lingling\\AppData\\Roaming\\npm下面，截图如下（我的截图是装过几个插件后的样子）：

我之前通过npm config set prefix，修改过这句话，所以我的路径有点混乱，现在呢，我想把路径再改回到这个默认路径下：

1、首先去我的电脑--》属性--》高级系统设置--》环境变量：把用户变量的path新增一个npm放全局安装插件的路径，即：C:\\Users\\lingling\\AppData\\Roaming\\npm

2、把系统变量中path中也添加进同样一条数据，就是上面这个路径，不做演示了

3、这里设置完了，我全局下载的插件还是不存入C:\\Users\\lingling\\AppData\\Roaming\\npm这个路径中，所以我使用npm config ls查看npm配置的路径到底是啥

 

箭头标的这两处是改好之后的路径，之前不是这个，所以才会出现cnpm安装成功了，但是cnpm还不是内部命令，这个地方设置的就是npm全局安装的路径和缓存的地址，现在通过：

npm config set prefix "C:\\Users\\lingling\\AppData\\Roaming\\npm"

npm config set cache "D:\\node\\node_cache"

重新设置路径，如果这两话设置完了还是不管用，就去打开 ’nodejs安装目录/node_modules/npm/.npmrc‘  ，修改此文件为：prefix = C:\\Users\\lingling\\AppData\\Roaming\\npm

3、全局安装和本地安装，

我们都知道npm install * -g就是全局安装，npm install *，不带-g就是本地安装，

那么现在npm install cnpm -g

然后在cmd中输入cnpm -v就能看到成功了，

C:\\Users\\lingling\\AppData\\Roaming\\npm这个路径下多了下面两个文件：

 

 

 C:\\Users\\lingling\\AppData\\Roaming\\npm\\node_modules这个路径下多了这个文件夹：

4、安装express插件

npm install express -g，安装的express版本是4.0的，现在直接输入express myapp，也会提示express不是内部命令，原因是：

最新express4.0版本中将命令工具分家出来了，所以我们还需要安装一个命令工具,命令如下:

npm install -g express-generator

 

然后：

express myapp，然后就会发现cmd当前目录下面多了一个文件夹myapp

 

然后输入npm start,

之后在浏览器中输入：http://localhost:3000/

成功了！