首页 > web前端 > js教程 > 正文

npm如何安装与配置

清浅
发布: 2020-07-10 17:55:55
原创
92084 人浏览过

npm的安装与配置有以下几步:下载并安装nodejs、打开cmd检查是否安装成功、npm的环境配置、检测npm是否配置成功

npm的安装与环境配置

npm如何安装与配置

【推荐文章:npm中有哪些有用的提示和技巧npm是什么

(1)下载并安装nodejs

下载地址:https://nodejs.org/en/

npm如何安装与配置

选择next即可,本篇文章中选择的路径D:\nodejs文件夹下

(2)打开CMD,检查是否正常path路径是否正常

npm如何安装与配置

(3)安装完成后测试下nodejs和npm是否安装成功

方法:在cmd下输入node -v,npm -v出现下图版本提示就是完成了NodeJS和npm的安装

未标题-2.jpg

(4)npm配置

模块路径、cache路径

先配置npm的全局模块的存放路径以及cache的路径

具体方法:在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下图

Image 19.jpg

然后运行以下2条命令

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

未标题-2.jpg

可以发现目录路径发生改变了

输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站

输入命令npm config list 显示所有配置信息

未标题-2.jpg

检查一下镜像站行不行命令1

npm config get registry

未标题-2.jpg

检查一下镜像站行不行命令2

Npm info vue 看看能否获得vue的信息

未标题-2.jpg

注意,此时,默认的模块D:\nodejs\node_modules 目录

将会改变为D:\nodejs\node_global\node_modules 目录,

如果直接运行npm install等命令会报错的。

我们需要做1件事情:增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules,

对path环境变量添加D:\nodejs\node_global

未标题-2.jpg

一、测试NPM安装vue.js

命令:npm install vue -g

这里的-g是指安装到global全局目录去

未标题-2.jpg

我们可以发现在global的目录下找到了vue

未标题-2.jpg

到这一步我们的npm就安装配置好了

总结:以上就是本篇文章的全部内容了,希望对大家有所帮助。

以上是npm如何安装与配置的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
npm
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板