Vue入门——Node.js安装

Vue入门——Node.js安装

  • 前言
  • 一、简介
  • 二、卸载旧版本(如若未安装可跳过)
    • 1.应用卸载
    • 2.删除残余文件
    • 3.删除环境变量
    • 4.检查
  • 三、下载安装
    • 1.下载
    • 2.安装
  • 四、检查
  • 五、环境配置
    • 1. 创建文件夹
    • 2.cmd配置
    • 3.环境变量
  • 六、安装淘宝镜像
    • 1. npm 配置使用淘宝镜像
    • 2.cnpm配置使用淘宝镜像

前言

个人在开发过程中对Node.js的了解及经验总结,本篇主要包含node.js的卸载重装及配置

一、简介

Node.js 是一个开源、跨平台的 JavaScript 运行时环境;是一个基于 Chrome V8 引擎的 JavaScript 运行环境。它使用事件驱动、非阻塞 I/O 模型,使得它非常适合构建实时应用程序。Node.js 主要用于服务器端开发,但也可以用于构建命令行工具和桌面应用程序。

Node.js 的特点包括:

  1. 非阻塞 I/O:Node.js 使用事件驱动、非阻塞 I/O 模型,使得它能够处理大量并发请求,提高了应用程序的性能和效率。
  2. 单线程:Node.js 是单线程的,但它通过事件循环机制实现了处理并发请求的能力。这使得开发者能够更好地利用硬件资源。
  3. 跨平台:Node.js 可以运行在多个操作系统上,包括 Windows、Mac 和 Linux。
  4. 模块化:Node.js 支持使用模块化的方式组织代码,使得代码更加可维护和可重用。
  5. NPM:Node.js 的包管理工具 NPM 是世界上最大的开源库生态系统之一,开发者可以方便地安装、管理和分享代码包。
  6. 事件驱动:Node.js 基于事件驱动的架构,通过回调函数和事件监听器来处理异步操作。

二、卸载旧版本(如若未安装可跳过)

1.应用卸载

Vue入门——Node.js安装_第1张图片

2.删除残余文件

  • 找到node安装目录删除参与文件
    常见于
    C:\program Files (x86)\Nodejs
    C:\Program Files\Nodejs
    C:\Users{User}AppData\Roaming\npm
    C:\Users{User}AppData\Roaminginpm-cache

Vue入门——Node.js安装_第2张图片

  • 删除.npmrc
    常见于
    C:\User\用户名

Vue入门——Node.js安装_第3张图片

3.删除环境变量

Vue入门——Node.js安装_第4张图片

Vue入门——Node.js安装_第5张图片

4.检查

  • win+r打开cmd,输入node-v

Vue入门——Node.js安装_第6张图片

三、下载安装

1.下载

  • node下载地址

Vue入门——Node.js安装_第7张图片

  • 可以在此选择所需的版本

Vue入门——Node.js安装_第8张图片

2.安装

  • 开始

Vue入门——Node.js安装_第9张图片

  • next

Vue入门——Node.js安装_第10张图片

  • 选择安装目录

Vue入门——Node.js安装_第11张图片

  • 默认即可

Vue入门——Node.js安装_第12张图片

  • next

Vue入门——Node.js安装_第13张图片

  • next

Vue入门——Node.js安装_第14张图片

  • finish

Vue入门——Node.js安装_第15张图片

四、检查

检查node版本:win+r打开cmd,输入node-v
检查npm版本:win+r打开cmd,输入npm -v
Vue入门——Node.js安装_第16张图片

五、环境配置

1. 创建文件夹

  • 找到安装目录并创建node_cache和node_global文件夹

Vue入门——Node.js安装_第17张图片

  • 打开node_global创建node_modules

Vue入门——Node.js安装_第18张图片

2.cmd配置

打开cmd(最好使用管理员权限打开)
Vue入门——Node.js安装_第19张图片
输入:

npm config set prefix “你的路径\node_global” 
npm config set cache “你的路径\node_cache”

Vue入门——Node.js安装_第20张图片

3.环境变量

新建环境变量NODE_PATH,写入 你的路径\node_global\node_modules
Vue入门——Node.js安装_第21张图片

  • 编辑用户变量

Vue入门——Node.js安装_第22张图片

  • 将默认的 C 盘下 AppData\Roaming\npm 修改成 node_global的路径

Vue入门——Node.js安装_第23张图片

  • 在系统变量中选择Path点击编辑添加%NODE_PATH%

Vue入门——Node.js安装_第24张图片

六、安装淘宝镜像

1. npm 配置使用淘宝镜像

于cmd中输入

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

检测是否修改成功

npm config get registry  

在这里插入图片描述

  • 恢复官方镜像
npm config set registry https://registry.npmjs.org

2.cnpm配置使用淘宝镜像

于cmd中输入

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

检测是否修改成功

cnpm -v

Vue入门——Node.js安装_第25张图片

你可能感兴趣的:(Vue,vue.js,node.js,前端)