安装Node.js-保姆级教程

这篇具有很好参考价值的文章主要介绍了安装Node.js-保姆级教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、下载Node.js安装包

1.打开Node.js下载官网(传送门)
node安装,Vue.js学习,node.js,npm,前端
一般我们选择我红框框起来的这个下载就可以了
下载完成后,就可以进行安装啦

二、安装Node.js

1、双击安装包,一直点击下一步即可。
2、在选安装位置时,可以使用默认位置,当然要改也可以。点击change按钮,即可更换到自己的指定安装位置。
3、一直点击下一步,最后安装成功即可。

三、验证安装

1.在键盘按下【win(即Windows徽标键)+R】键,输入cmd,然后回车,打开命令行界面
2.分别输入以下命令:

node -v   //显示安装的nodejs版本
npm -v    //显示安装的npm版本

3.若能出现对应的版本号,即视为安装成功
node安装,Vue.js学习,node.js,npm,前端
若提示:‘node’ is not recognized as an internal or external command,
operable program or batch file.
则说明node没有添加到系统的path环境变量中,可以手动添加或重新安装(在重新安装时一定要选上“Add to PATH”)
node安装,Vue.js学习,node.js,npm,前端

手动添加方法:(若已经成功,则不需要看此部分)
1.在键盘按下【win(即Windows徽标键)+R】键,输入sysdm.cpl,然后回车,打开“高级系统设置”
node安装,Vue.js学习,node.js,npm,前端

2.切换到“高级”选项卡下,点击下方的“环境变量”
node安装,Vue.js学习,node.js,npm,前端

3.在“系统变量”中,找到path,单击选择后,点击下方“编辑”按钮
node安装,Vue.js学习,node.js,npm,前端

4.点击“添加”按钮,并选择安装的node.js目录(我的安装目录是“D:\Program Files\nodejs\”)
node安装,Vue.js学习,node.js,npm,前端
node安装,Vue.js学习,node.js,npm,前端
然后点击“确定”即可,然后可以再尝试在命令行中输入对应命令查看是否成功

四、修改全局模块下载路径 (若不想修改,可直接跳过)

1.我希望将全局模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Program Files\nodejs\】下创建两个文件夹【node_global】及【node_cache】如下图:
node安装,Vue.js学习,node.js,npm,前端

2.打开【node_global】,再创建一个文件夹【node_modules】
node安装,Vue.js学习,node.js,npm,前端

3.创建完图示的两个空文件夹之后,键盘按下【win(windows徽标键)+R】键,输入cmd,然后回车,打开命令行界面,输入下面命令,如图。

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

这里解释一下:
prefix 对应的是创建的node_global文件夹所在路径,也就是希望保存全局模块的地方
cache 对应的是创建的node_cache文件夹所在路径,也就是希望全局模块缓存的地方

4.在键盘按下【win(即Windows徽标键)+R】键,输入sysdm.cpl,然后回车,打开“高级系统设置”
node安装,Vue.js学习,node.js,npm,前端

5.切换到“高级”选项卡下,点击下方的“环境变量”
node安装,Vue.js学习,node.js,npm,前端

6.在“系统变量”中,找到path,单击选择后,点击下方“编辑”按钮
node安装,Vue.js学习,node.js,npm,前端
7.点击“添加”按钮,并分别选择【node_global】及【node_global\node_modules】目录,如图所示,把这两个文件夹的路径都添加进来
node安装,Vue.js学习,node.js,npm,前端
node安装,Vue.js学习,node.js,npm,前端
至此,就已经完成了全局模块下载路径的修改

五、更换npm源为淘宝镜像

因为 npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载,由于众所周知的原因,导致国内下载很慢,因此,我们可以将源换为淘宝源
淘宝源的地址:https://registry.npmmirror.com/
在命令行(如果不会打开,可以看前面)中,输入下列命令:

npm config set registry https://registry.npmmirror.com/

然后再输入下列命令,查看是否完成修改

npm config get registry

node安装,Vue.js学习,node.js,npm,前端
如图所示,若跟图片一致,则说明完成修改。

六、全局安装cnpm(可选)

由于npm的服务器在海外,所以访问速度比较慢,访问不稳定 ,cnpm的服务器是由淘宝团队提供,而服务器在国内。简单来说cnpm是中国版的npm,一般会同步更新,所以cnpm在安装一些软件时候会比较有优势。但是,由于cnpm不稳定,可能会出现一些问题,一般cnpm只用于安装很慢或无法正常安装包的时候,所以在项目创建与卸载等相关操作时候我们还是使用npm。
1.在命令行中输入下列命令,全局安装cnmp

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

2.安装完成后,即可输入下方命令查看是否成功安装

cnpm -v

若出现下列提示,则为安装成功
node安装,Vue.js学习,node.js,npm,前端
至此,Node.js安装完成

七、常见报错及解决方案

若在安装包时,出现错误,可以尝试以管理员身份运行cmd,再执行安装命令
node安装,Vue.js学习,node.js,npm,前端文章来源地址https://www.toymoban.com/news/detail-857769.html

到了这里,关于安装Node.js-保姆级教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • node.js+NPM包管理器+Webpack打包工具+前端项目搭建

    javascript运行环境(无需依赖html文件) BFF,服务于前端的后端 官网下载安装,node -v查看是否安装成功 ①、创建一个01.js文件 ②、通过CMD命令执行(或者通过工具的集成终端) node 01.js 如果出现权限原因,可以通过管理员方式打开工具 ③、通过浏览器访问http://127.0.0.1:8888 如

    2024年02月07日
    浏览(73)
  • Win安装Node.js Npm

    1、在使用之前,先类掌握3个东西,明白它们是用来干什么的: npm: nodejs 下的包管理器。 webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是

    2024年02月08日
    浏览(112)
  • Vue的路由使用,Node.js下载安装及环境配置教程 (超级详细)

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

    2024年02月07日
    浏览(61)
  • Ubuntu下安装Node.js;npm

    Ubuntu下安装Node.js curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs Ubuntu下安装npm sudo apt-get install npm Ubuntu下指定版本升级npm sudo npm install npm@8.15.0 -g Ubuntu下升级node 安装n模块:sudo npm install -g n 指定node版本:sudo n v18.0.0(版本号) 所有的升级版本操作都要关

    2024年02月14日
    浏览(60)
  • 前端环境的安装 Node npm yarn

    1.下载NodeJS安装包 下载地址:Download | Node.js 2.开始安装 打开安装包后,一直Next即可。当然,建议还是修改一下安装位置,NodeJS默认安装位置为  C:Program Files 3.验证是否安装成功 打开DOS命令界面: node -v   出现NodeJS版本即为安装成功! npm -v    出现npm的版本号说明npm工具也

    2024年02月06日
    浏览(71)
  • Node.js安装及npm国内镜像配置

    node.js中文网站下载,以16.17为例!!!! 1.网站链接 CNPM Binaries Mirror (npmmirror.com) 根据自己的版本选择,我是64位选择了zip版 2.下载完成后解压 我选择的目录是(E:Environmentsnode-v16.17.0-win-x64) 3.新建node_cache和node_global文件夹 用于后续npm包以及缓存配置 4.新建系统变量 变量名固

    2024年02月04日
    浏览(92)
  • nvm, node.js, npm, yarn 安装配置

    nvm 是一个 node.js 管理工具,可以快捷下载安装使用多个版本的node.js linux 命令行输入: 卸载: 删除 ~/.bashrc 文件中的 windows 点击 github 链接 windows-releases, 下载下方红框中的exe文件安装即可 卸载找到安装目录中的uninstall文件即可 node.js 是 js 文件的运行环境 linux windows npm, yarn

    2024年01月20日
    浏览(65)
  • 【保姆级讲解如何安装与配置Node.js】

    🎥博主:程序员不想YY啊 💫CSDN优质创作者,CSDN实力新星,CSDN博客专家 🤗点赞🎈收藏⭐再看💫养成习惯 ✨希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共同学习、交流进步! Node.js 是一个开源和跨平台的 JavaScript 运行时环境,它允许您在服务器

    2024年04月13日
    浏览(23)
  • 前端笔记10——Win7下node.js和npm版本兼容性问题解决。

    新版本node.js不支持WIN7。 Win7的电脑只能支持到Node v13.14.0。 可能之前装了新版本的node,删了重装后,导致运行npm命令老是提醒信息,说是不支持node版本。 npm does not support Node.js v13.14.0 可是显示版本正常 解决方法: 卸载node之后,在把npm和npm cache两个文件夹删掉。 删干净后再

    2024年02月15日
    浏览(62)
  • 如何升级npm 和 安装nvm 及 升级node.js

    1.NPM如何升级?   1.1.可以使用NPM自带的命令进行升级:  注:这个命令会安装最新的,安装到全局。 2.查看NPM版本   注:要是版本过低,可使用上面所说命令进行升级。 3.怎么把node.js升级到最新版?  3.1.这里使用nvm,nvm是node.js版本管理的工具。  3.2.要是没有nvm,按如下步

    2024年02月07日
    浏览(61)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包