node.js环境安装

1. node.js环境安装

2. 前言

在很多前端项目中都需要配置node的环境变量,下面这篇文章主要给大家介绍了关于node安装及环境变量配置的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下。

3. node包安装

  1. 安装node包 下载地址http://nodejs.cn/download/

  2. 版本不宜过高和太低,一般v12.0或者以上就够用

  3. 下载在D盘的新建文件夹node下,不得有中文路径

  4. 然后双击安装,一直点击next安装,遇到安装目录选择D盘的新建文件夹node下

    image-20230115151341247
  5. 最后遇到复选框不要打勾,点击Finish完成

  6. Windows+R出现运行框输入cmd进入本地终端

  7. 在终端输入node -v回车,出现版本号即为安装成功

  8. 在终端输入npm -v回车,出现版本号即为安装成功

    image-20230115152011024

4. 配置环境变量

  1. 先在D:\node下创建两个文件夹,node_cache(缓存目录) node_global(全局包存放目录)

    image-20230115152230815
  2. 打开命令提示符(终端)输入两段命令

    1
    2
    npm config set prefix “D:\node\node_global”
    npm config set cache “D:\node\node_cache”

    image-20230115152505144

  3. 之后右键我的电脑-属性-高级属性配置-系统属性-环境变量

    image-20230115152714714
  4. 在系统变量里新建NODE_PATH D:\node\node_global\node_modules

    image-20230115152855516
  5. 在系统变量path里添加D:\node%NODE_PATH%

    image-20230115153008278
  6. 在用户变量Path上新增D:\node\node_global

    image-20230115153142242
  7. 调试环境变量有没有成功,重新打开命令提示符(本地终端)
    打开cmd,输入node,回车,再输入require('cluster'),如果能正常输出cluster模块的信息,说明上面的所有配置就算生效了。

    image-20230115153925451
  8. 配置淘宝镜像

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

    image-20230115154144221

  9. 配置后可通过下面方式来验证是否成功

    1
    npm config get registry

    image-20230115154506782

5.启动本地服务器http-server

1
2
3
4
#安装http-server
npm install http-server -g
#查看版本号
http-server -v

image-20230115154845561

检测成功与否,进入目标网页文件夹进入终端,输入http-server

image-20230115155654959

接着进入网页输入http://127.0.0.1:8080/,若有以下界面,则表示成功

image-20230115155938330