热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

windows10环境下nodejs安装

1.node.js简单介绍node.js是一个基于ChromeJavaScript运行时的建立的一个平台;2.node.js安装2.1.直接安装(不推荐)node.j

1.node.js简单介绍

node.js是一个基于Chrome Javascript 运行时的建立的一个平台;

2.node.js 安装

2.1.直接安装(不推荐)

node.js,可以直接从官网下载,双节安装;

官网地址:https://nodejs.org/en/;

2.2.利用nvm安装

nvm是 Nodejs 版本管理器,它让我们方便的对切换Nodejs 版本。vm 是 Mac 下的 node 管理工具,如果需要管理 Windows 下的 node,官方推荐使用 nvmw 或 nvm-windows。

首先下载nvm,推荐github中这个地址的版本 https://github.com/coreybutler/nvm-windows/releases。选择setup版本的,避免繁复的配置环境变量,减少错误。

 

 

 下载完成之后可以选择安装位置,安装nvm。安装位置如下:其中

 

 

 其中:

   v12.16.1文件夹是no\'de.js的版本,只有在nvm安装完之后才有;

setting.txt是配置文件,建议将内容修改如下:

root: D:\software\dev\nvm
path: D:\software\dev\nodejs
arch: 64 
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

 

root和path分别是nvm和node.js的安装目录;node_mirror和npm_mirror分别是node和npm的下载地址,因为国外下载地址容易下载失败,先修改为taobao地址。

nvm安装完成之后,可以通过命令测试:

C:\Users\PeterCola>nvm

Running version 1.1.6.

安装指定版本的node.js

C:\Users\PeterCola>nvm install 12.16.1
Downloading node.js version 12.16.1 (64-bit)...
Complete
Creating D:\software\dev\nvm\temp

Downloading npm version 6.13.4... Complete
Installing npm v6.13.4...

Installation complete. If you want to use this version, type

nvm use 12.16.1

 

使用(切换)指定版本的node.js

C:\Users\PeterCola>nvm use 12.16.1
Now using node v12.16.1 (64-bit)

 

3.nvm的一些常用命令

nvm ls-remote:列出所有可以安装的node版本号
nvm install v10.4.0:安装指定版本号的node
nvm use v10.3.0:切换node的版本,这个是全局的
nvm current:当前node版本
nvm ls:列出所有已经安装的node版本
        nvm uninstall 版本号,卸载指定版本

4.安装npm

利用nvm安装nodeo.js,虽然提示npm安装成功,但是实际是没有安装的,所有需要手动添加。

npm是nodejs的package包管理工具,如果不能正确安装,会导致项目以后使用的包安装不了。

当时使用npm安装其他包时,报这个错误

C:\Users\PeterCola>npm -v
\'npm\' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

需要把nvm安装node.js时,temp文件夹中的npm(npm-v6.13.4.zip)及时拷贝出来。他就是对应的npm。然后放到对应版本下面的 node_modules文件夹下,并改名npm.

         

 

 然后把npm/bin中的npm和npm.cmd复制到v12.16.1文件夹下;

      

 

 结果如图:

      

 

最后测试npm是否安装成功;

C:\Users\PeterCola>npm -v
6.13.4

 

 

5.npm安装完成之后,下载vue.cli失败报错。

原因是由于下载路径没设置为淘宝的国内镜像,所以要设置为淘宝的国内的镜像;

npm set registry https://registry.npm.taobao.org # 注册模块镜像
npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像
npm cache clean --force # 清空缓存

设置这个路径之后就可以不用再下载cnom了,

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

6.修改缓存路径,

 避免因为文件不断变大,暂用c盘空间,也为了便于后期管理。示例:

  1. npm config set prefix "D:\ProgramFile\nodejs\node_modules\node_global" 
  2. npm config set cache "D:\ProgramFile\nodejs\node_modules\node_cache"

本机设定

C:\Windows\system32>npm config set cache "D:\software\dev\nvm\node_cache"

C:\Windows\system32>npm config list
; cli configs
metrics-registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.13.4 node/v12.16.1 win32 x64"

; userconfig C:\Users\PeterCola\.npmrc
cache = "D:\\software\\dev\\nvm\\node_cache"
disturl = "https://npm.taobao.org/dist"
registry = "https://registry.npm.taobao.org/"

; node bin location = D:\software\dev\nodejs\node.exe
; cwd = C:\Windows\system32
; HOME = C:\Users\PeterCola
; "npm config ls -l" to show all defaults.

 

 7.关于vue-cli的

安装成功的vue-cli运行不出结果解决方法

1,检查自己是不是修改了默认prefix(全局)和cache(缓存),

  默认的npm下载文件在C:\Users\Administrator\AppData\Roaming\npm,

如果修改了npm下载的地址,则需要注意:

 安装在nodejs下的步骤:(注意不需要单独新建node_global)

  • 新建node_cache用老存放下载包的缓存C:\Program Files\nodejs\node_cache 
  • 运行 npm config set cache "C:\Program Files\nodejs\node_cache" 设置缓存文件夹
  • 设置全局模块存放路径 运行npm config set prefix "C:\Program Files\nodejs" 以后安装的全局模块都会被放到C:\Program Files\nodejs\node_modules下,跟npm模块在一个文件夹中

 安装在非nodejs下的步骤:

  • 新建node_cache用老存放下载包的缓存
  • 新建node_global用老存放下载包的缓存 
  • 添加全局变量

 

 

 

 

 

 

 

 

参考文章:

https://blog.csdn.net/p3118601/article/details/92622393?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task;

https://www.cnblogs.com/Sweepingmonk/p/10868255.html

 https://blog.csdn.net/niuba123456/article/details/81834889

https://www.jianshu.com/p/115594f64b41

 https://www.wandouip.com/t5i249022/


推荐阅读
  • 在Eclipse中提升开发效率,推荐使用Google V8插件以增强Node.js的调试体验。安装方法有两种:一是通过Eclipse Marketplace搜索并安装;二是通过“Help”菜单中的“Install New Software”,在名称栏输入“googleV8”。此插件能够显著改善调试过程中的性能和响应速度,提高开发者的生产力。 ... [详细]
  • 本文介绍了 Vue 开发的入门指南,重点讲解了开发环境的配置与项目的基本搭建。推荐使用 WebStorm 作为 IDE,其下载地址为 。安装时请选择适合您操作系统的版本,并通过 获取激活码。WebStorm 是前端开发者的理想选择,提供了丰富的功能和强大的代码编辑能力。 ... [详细]
  • npm 安装出错,求助高手分析原因并提供解决方案 ... [详细]
  • 基于Node.js的高性能实时消息推送系统通过集成Socket.IO和Express框架,实现了高效的高并发消息转发功能。该系统能够支持大量用户同时在线,并确保消息的实时性和可靠性,适用于需要即时通信的应用场景。 ... [详细]
  • 如何在Linux系统中实现Windows风格的桌面环境:将Ubuntu 18.04定制为Windows主题界面
    如果您是从Windows转到Linux系统的用户,可能会觉得默认的Ubuntu主题和桌面环境缺乏吸引力和可定制性。尤其是对于习惯了Windows风格的任务栏和主题的用户,Ubuntu 18.04的橙色主题可能显得过于简洁。为了提升用户体验,可以通过安装特定的桌面环境和主题来实现类似Windows的界面效果。本文将详细介绍如何在Ubuntu 18.04中配置和定制桌面环境,使其具备Windows风格的外观和功能。 ... [详细]
  • 如何高效地安装并配置 PostgreSQL 数据库系统?本文将详细介绍从下载到安装、配置环境变量、初始化数据库、以及优化性能的全过程,帮助读者快速掌握 PostgreSQL 的核心操作与最佳实践。文章还涵盖了常见问题的解决方案,确保用户在部署过程中能够顺利解决遇到的各种挑战。 ... [详细]
  • 本文探讨了如何通过检测浏览器类型来动态加载特定的npm包,从而优化前端性能。具体而言,仅在用户使用Edge浏览器时加载相关包,以提升页面加载速度和整体用户体验。此外,文章还介绍了实现这一目标的技术细节和最佳实践,包括使用User-Agent字符串进行浏览器识别、条件加载策略以及性能监控方法。 ... [详细]
  • 解决lib-flexible安装过程中遇到的错误问题
    在安装 lib-flexible 时,遇到了 `saveError ENOENT: No such file or directory` 错误,具体表现为无法打开 `E:\Github\SDIO\package.json` 文件。解决此问题的关键在于确保项目根目录下存在 `package.json` 文件,并且在正确的项目路径中执行安装命令。建议先检查项目结构,确认文件是否存在,然后再尝试重新安装依赖。 ... [详细]
  • 在GitHub上克隆vue-element-admin项目时遇到依赖安装错误
    在 GitHub 上克隆 vue-element-admin 项目后,使用 `npm install` 安装依赖时遇到了未知的 Git 错误。具体错误信息为 `npm ERR! code 128`,提示命令执行失败。这可能是由于网络问题、Git 配置不正确或某些依赖包的仓库地址无效导致的。建议检查网络连接、更新 Git 版本并确保所有依赖项的 URL 正确无误。 ... [详细]
  • CentOS 7环境下Jenkins的安装与前后端应用部署详解
    CentOS 7环境下Jenkins的安装与前后端应用部署详解 ... [详细]
  • TypeScript 实战分享:Google 工程师深度解析 TypeScript 开发经验与心得
    TypeScript 实战分享:Google 工程师深度解析 TypeScript 开发经验与心得 ... [详细]
  • 利用 Vue CLI 脚手架在 Visual Studio Code 中创建 Vue 项目
    本文介绍了如何在 Visual Studio Code 中使用 Vue CLI 脚手架创建 Vue 项目。首先,确保已安装 Node.js 和 npm,因为 Vue CLI 的安装依赖于 npm。可以通过在命令行中输入 `npm -v` 来检查 npm 是否已成功安装。接下来,我们将详细说明 Vue CLI 的安装步骤及其在 Visual Studio Code 中的应用。 ... [详细]
  • 本文深入探讨了Java多线程环境下的同步机制及其应用,重点介绍了`synchronized`关键字的使用方法和原理。`synchronized`关键字主要用于确保多个线程在访问共享资源时的互斥性和原子性。通过具体示例,如在一个类中使用`synchronized`修饰方法,展示了如何实现线程安全的代码块。此外,文章还讨论了`ReentrantLock`等其他同步工具的优缺点,并提供了实际应用场景中的最佳实践。 ... [详细]
  • 本文详细介绍了在 Vue.js 前端框架中集成 vue-i18n 插件以实现多语言支持的方法。通过具体的配置步骤和示例代码,帮助开发者快速掌握如何在项目中实现国际化功能,提升用户体验。同时,文章还探讨了常见的多语言切换问题及解决方案,为开发人员提供了实用的参考。 ... [详细]
  • 掌握PHP编程必备知识与技巧——全面教程在当今的PHP开发中,了解并运用最新的技术和最佳实践至关重要。本教程将详细介绍PHP编程的核心知识与实用技巧。首先,确保你正在使用PHP 5.3或更高版本,最好是最新版本,以充分利用其性能优化和新特性。此外,我们还将探讨代码结构、安全性和性能优化等方面的内容,帮助你成为一名更高效的PHP开发者。 ... [详细]
author-avatar
帝·姬
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有