node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

这篇具有很好参考价值的文章主要介绍了node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、概述

二、操作步骤

(一)下载node.js

(二) 安装node.js

(三)查看环境变量

(四)查看版本信息

(五)新建全局下载包和缓存包位置

(六)配置环境变量

(七)安装express(内嵌http模块)

安装成功

安装失败

解决办法一(最好的办法)

 解决办法二(其次)

(八)安装淘宝镜像(可以不安装)

(九)全局安装webpack

(十)下载Vue与配置 

下载Vue脚手架 

配置Vue的环境变量

测试Vue是否配置成功

三、node报错大全

(一)npm命令没有反应(终端)

(二)syscall open、 root/Administrator、node_cache依赖下载问题

(三)无法加载文件,脚本禁止

(四)npm ERR! code ERESOLVE下载失败

(五) 不是内部或外部命令

(六)npm下载慢、淘宝镜像源无效、body

(七)npm卡住在-reify


一、概述

1.Node.js是一个开源和跨平台是JavaScript运行时环境,它几乎是任何类型项目的流行工具。它让JavaScript成为与PHP、python、Perl、Ruby等服务语言平起平坐的脚本语言。

2.node.js作用好处:

(1)IO处理非常快

(2)node.js是单线程,没有线程之间的损耗,没有线程的竞争

(3)不适合做复杂的运算

(4)开发时省力

二、操作步骤

(一)下载node.js

1.进入官网,下载稳定版本,不建议下载最新的。老一点的版本挺好的

官网最新版:Node.js

指定其他老版本

下载指定的版本,就把后缀的这个16改成指定数字,windows选择里面的64位的msi文件下载

Index of /download/release/latest-v16.x/

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 下载完成

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

(二) 安装node.js

2.双击下载好的安装包,然后点击next 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 3. 勾选接受许可协议后,再点击next

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 4.选择安装位置,然后next

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 5.点击next就好 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

6.点击next就好 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

7.点击安装

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 8.点击完成

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

(三)查看环境变量

ps:因为安装时候默认给配置好了环境变量,所以这个步骤就是查看环境变量是否配好而已个人觉得没啥用,可以不用看这一步

9.右键此电脑---属性---高级系统设置--环境变量--系统环境变量--双击path打开查看

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

(四)查看版本信息

ps:这个步骤只是用来查看node.js有没有安装成功 。个人觉得没啥用,可以不用看这一步

10. 快捷键(win键+R键)打开cmd命令,分别输入以下的命令查看版本信息

node -v           #查看node版本
npm -v            #查看npm版本

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue) 看到版本信息,说明我们的node已经安装完成了

(五)新建全局下载包和缓存包位置

ps:在下载一些全局模块时候,会被默认放到其他的位置下,那么我们需要更改一些下载的全局模块和缓存的位置,改放到我们node的根目录下

npm root -g      #这就是查看默认存放包位置的cmd命令

 11.在node安装的目录下,新建node_globalnode_cache这两个文件夹

ps:默认安装位置是:C:\Program Files\nodejs

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

12.把这两个包设为全局下载存放包和node缓存包。 cmd界面分别执行这两个命令

ps:双引号里面分别是这两个新建文件夹的位置,每个人都不一样。根据自己的文件夹位置去执行

npm config set prefix "D:\软件安装\nodejs\node_global"

npm config set cache "D:\软件安装\nodejs\node_cache"

 成果:node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 这样我们的全局下载包和缓存位置就分别更改到了这两个刚刚新建的包里面了

(六)配置环境变量

因为在上一步已经修改了全局下载包和缓存位置,我们的系统还不知道。所以要在环境变量里面配置环境变量让系统知道 

13.右键此电脑---属性---高级系统设置--环境变量--系统环境变量--path--点击浏览---添加这3个包的路径进去

ps:这3个包是node.js安装目录下的包

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

系统环境变量的path里面成果 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

(七)安装express(内嵌http模块)

14.cmd输入如下命令安装express这个全局变量

ps:如果安装报错了看下面17或者18点,有对应的解决办法 

npm install express -g

安装成功

15.输入上面这个命令成功就这样,就成功了 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

安装失败

ps:出现这个错误是由于对文件夹的操作权限不够 

16.如果输入该命令,如下界面是失败 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

解决办法一(最好的办法)

 17.cmd命令用管理员权限打开再输入命令就好了

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 解决办法二(其次)

18.点击node.js的安装包文件夹,右键--属性--然后按照如下的步骤。给这个安装包文件夹勾选上全部能勾选的权限。 

ps:如果这样还下载失败,那就把安装node.js安装包文件夹下的node_cachenode_globalnode_modules的这些文件夹的权限也都勾选上就再去运行cmd命令就可以成功了。

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

(八)安装淘宝镜像(可以不安装)

ps:下载 npm 包时会从国外的服务器下载,国内下载会很慢。一般更换为淘宝镜像的cnpm

19.cmd界面输入如下命令:全局安装基于淘宝源的cnpm

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

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

翻译文中图片为(不要管它):

警告信息 npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs 表示某些软件包(@npmcli/move-file)已经过时了,并且推荐使用其他软件包(@npmcli/fs)来代替。这通常是由于软件包的更新而导致的。如果您的安装过程没有被终止,那么这些警告信息通常不需要太过关注。

20.检查镜像是否安装成功

npm config get registry

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 这样就是检测到淘宝镜像安装成功了

(九)全局安装webpack

21.cmd输入如下命令

npm install webpack -g

即: 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

(十)下载Vue与配置 

下载Vue脚手架 

这是要用到vue不可缺少的一个环节

22.cmd命令输入以下的命令安装Vue的脚手架

npm install -g @vue/cli

即: 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

这样就是安装好了,无视那些警告什么的,不用管 

配置Vue的环境变量

23.右键此电脑---属性---高级系统设置--环境变量--系统环境变量--新建--填写变量名和变量值--确定--确定

变量名:VUE_PATH

变量值:node安装目录下的global文件夹(刚刚上面创建文件夹步骤有教创建)

即: 

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

24.双击path,在里面新建添加上%VUE_PATH%

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

测试Vue是否配置成功

25.cmd输入以下的命令(大写的V)

vue -V

node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

 这样我们的node.js就都安装完成了,环境变量也配好了。

三、node报错大全

(一)npm命令没有反应(终端)

终端里面输入命令没有任何反应,换终端,参考此文的方法三

解决:npm ERR! code EPERMnpm ERR! syscall opennpm ERR! path D:\node18\node_cache\_cacache\tmp\71-4048错误_云边的快乐猫的博客-CSDN博客

(二)syscall open、 root/Administrator、node_cache依赖下载问题

都是终端和npm、权限的这些问题,这都是由于当前执行命令的终端或者软件没有管理器权限。终端或者软件没有管理员权限

解决:npm ERR! code EPERMnpm ERR! syscall opennpm ERR! path D:\node18\node_cache\_cacache\tmp\71-4048错误_云边的快乐猫的博客-CSDN博客

解决报错:ERROR Error: command failed: npm install --loglevel error --legacy-peer-deps_云边的快乐猫的博客-CSDN博客

(三)无法加载文件,脚本禁止

vue : 无法加载文件 D:\软件安装\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。(解决办法)_云边的快乐猫的博客-CSDN博客

(四)npm ERR! code ERESOLVE下载失败

npm下载element-ui时候出现失败了的解决办法 

报错:npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency tree(npm下载失败解决办法)_npm 下载失败_云边的快乐猫的博客-CSDN博客

(五) 不是内部或外部命令

要么没有下载vue的依赖导致的,要么就是终端没有用cmd的,而是用了poweshell,可以参考上面报错的(一)终端问题

‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。(解决办法)_vue-cli-service 不是内部或外部命令_云边的快乐猫的博客-CSDN博客

(六)npm下载慢、淘宝镜像源无效、body

使用npm下载的时候很慢,几乎卡住了,就是镜像源的问题 

npm下载慢、淘宝镜像源无效问题:npm ERR! code FETCH_ERRO、Rinvalid json response body at https://registry.npmjs.org_云边的快乐猫的博客-CSDN博客

(七)npm卡住在-reify

解决npm卡住:reify:caniuse-lite: http fetch GET 200 https://cdn.npmmirror.com/packages/caniuse-lite/1.0.3_云边的快乐猫的博客-CSDN博客

如果你觉得本篇文章对你有所帮助的,多多支持吧!!!

点赞收藏评论,抱拳了!

如果想要安装包资源👇

1.点击下面那个云边的快乐猫

2.然后去回复”node文章来源地址https://www.toymoban.com/news/detail-491531.html

到了这里,关于node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • Vue的路由使用,Node.js下载安装及环境配置教程 (超级详细)

    Vue的路由使用,Node.js下载安装及环境配置教程 (超级详细)

    前言: 今天我们来讲解关于Vue的路由使用,Node.js下载安装及环境配置教程 首先我们Vue的路由使用,必须要导入官方的依赖的。 BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务 https://www.bootcdn.cn/ 路由思路 1、引入路由的js依赖 2、定义组件内容用来显示网页中的内容 3、定义

    2024年02月07日
    浏览(13)
  • 【node】下载node.js指定版本/低版本步骤

    【node】下载node.js指定版本/低版本步骤

    node官网地址 目的 将Node.js v18.13.0替换成Node.js v16.15.1 方法一:替换node.exe 这个方法可行,但不确定会不会出现npm版本不配套的问题。 1、进入node官网的“ 下载 ”页面,点击“ 以往的版本 ”; 2、选择要下载的版本 3、依次点击 win-x64 、 node.exe 完成下载 4、找到之前node的安装

    2024年02月12日
    浏览(8)
  • 在pycharm中运行js文件,附加node.js下载步骤

    在pycharm中运行js文件,附加node.js下载步骤

    当我在运行pycharm中运行js文件时突然发现我还没有安装node.js 所以需要进行两步操作 安装本地node.js 在pycharm安装node.js插件 点击进入node.js官网进行下载 https://nodejs.cn/download/ 根据自己的电脑配置选择适合自己电脑的即可~ 双击安装包,点击next 同意条款,点击next 自定义安装位

    2024年02月07日
    浏览(10)
  • 自学WEB后端01-安装Express+Node.js框架完成Hello World!

    自学WEB后端01-安装Express+Node.js框架完成Hello World!

    前端         前端开发主要涉及用户界面(UI)和用户体验(UX),负责实现网站的外观和交互逻辑。前端开发使用HTML、CSS和JavaScript等技术来构建网页,并通过各种工具和框架(如React、Vue.js、Angular等)来简化开发过程。前端开发关注于网页设计、布局、样式、动画效果以及

    2024年02月07日
    浏览(10)
  • Node.js最新版黑马配套笔记

    Node.js最新版黑马配套笔记

    1.1 回顾与思考 浏览器中的javaScript的组成部分 JS核心语法 webAPI 为什么JavaScript可以再浏览器中被执行? 待执行的JS代码 JS解析引擎 不同的浏览器使用不同的JS解析引擎 为什么JS可以操作DOM还有BOM? 每个浏览器中内置了DOM,BOM这样的API函数,因此浏览器中的javaScript才可以调用它

    2024年02月04日
    浏览(11)
  • SQL Server2022 Express和SSMS下载安装教程(超详细)

    SQL Server2022 Express和SSMS下载安装教程(超详细)

    进入官网SQL Server 下载 | Microsoft,选择Express,点击立即下载。 下载完成后,双击打开exe文件,这里选择自定义安装,选择自己想要安装的位置。 等待一段时间下载完毕,弹出安装页面,因为我们的电脑是第一次安装SQL Server,所以在这里我们选择全新独立安装。 接受许可,下

    2023年04月24日
    浏览(13)
  • Node.js下载安装教程

    Node.js下载安装教程

    下载Node.js 首先进入nodejs官网Node.js (nodejs.org) 选择下载LTS版(长期支持版) 嫌官网慢的话也可以从这下载node-v16.18.0-x64.zip - 蓝奏云 (lanzouj.com) 安装Node.js 下载好后点击安装 一直点击Next即可 有需要勾选的就勾上 安装路径建议保持默认 直接一路点Next,最后点击Install 验证安装

    2024年02月16日
    浏览(8)
  • node.js下载安装使用

    node.js下载安装使用

    天行健,君子以自强不息;地势坤,君子以厚德载物。 每个人都有惰性,但不断学习是好好生活的根本,共勉! 文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。 官网下载地址 nodejs官网下载 中文官网下载速度更快 选择LTS(Long Time Support)长期维护

    2024年02月09日
    浏览(12)
  • Node.js 下载与安装教程

    Node.js 下载与安装教程

    1.进入nodejs官网:https://nodejs.org/en 2.单击downloads 3.此时滑动滚动条,找到并单击 previous release 4.在此页面,选择所需版本(例如:Node.js 11.15.0) 5.此时单击所选版本右边的release 6.此时界面,选择所需的系统和安装包形式(例如:node-v11.15.0-x64.msi ),并单击此链接,即可开始下

    2024年02月16日
    浏览(13)
  • 【Node.js】介绍、下载及安装

    【Node.js】介绍、下载及安装

    目录 一、什么是 Node.js 二、Node.js下载 下载方式1:直接在首页下载(下载的是.msi后缀的安装包) 下载方式2:点击官网顶上的DOWNLOAD 三、Node.js安装 .zip后缀的安装步骤 .msi后缀的安装步骤 Node.js 是一个独立的 JavaScript 运行环境,能独立执行 JS 代码,因为这个特点,它可以用来

    2024年02月22日
    浏览(11)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包