首页 前端知识 npm 安装详细教程 最后附上 Node版本管理Nvm的安装教程

npm 安装详细教程 最后附上 Node版本管理Nvm的安装教程

2024-11-10 09:11:39 前端知识 前端哥 592 296 我要收藏

第一章 Vue学习入门之 Node.js 的使用

一、npm是什么?
npm 是 NodeJS 下的包管理器,vue-cli脚手架模板就是基于 node 下的 npm 来完成安装的。

相关介绍:
webpack: 它的主要用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli:官方提供的一个脚手架,用于快速生成一个 vue 的项目模板。

二、安装、配置环境变量

1.是下载官网安装包:

windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要直接访问官网(下载 | Node.js 中文网),这里我们可以选择 Windows 安装包 (.msi)-64位 进行安装。

下面可以选择制定Node版本进行安装

 

2.npm配置:

 

需要替换为自己的安装目录 

 下面表示安装完成:

                      

安装完成目录下面有对应三个文件

 

 3.安装验证:

一、输入:node -v 命令行会出现安装的版本
二、输入:   npm -v 命令行出现安装的版本
npm作为一个NodeJS的模块管理,我们可以先配置npm的全局模块的存放路径以及cache的路径。
4.缓存存储配置:

(1)在node的安装目录下面建立2个目录 node_cache 和 node_global 。将这两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下:

 

 5.系统环境配置:

 

 6.配置信息:需要替换为自己实际的

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

7.测试

在cmd命令行里面,输入“npm install express -g”(“-g”这个参数意思是装到global目录下,也就是上面说设置的“H:\nodejs\node_global”里面。)

三、Nvm 的安装配置

1.下载官方安装包
https://github.com/coreybutler/nvm-windows/releases

2. 安装 nvm-setup.exe

 按照界面操作,设置程序安装位置,和设置node包位置. 下一步 完成.

3. 配置路径和下载镜像

安装完nvm后先不要着急安装node版本。

找到nvm安装路径 =》找到 setting.txt 文件 =》新增两行信息,配置下载源

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

 

 增加后如下,然后保存退出。

4.验证是否安装成功

nvm 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/20151.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!