百分之80的人不会正确安装node.js(注意'正确')否则vue会有问题

一、什么是npm和cnpm

npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) 
cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

二、安装nodejs

1、首先前往nodejs官网下载nodejs 

image.png

我们如上,选择安装长期支持的稳定版


2、然后点击安装,选择自己要安装的路径,此处我选择的是:D:\Program Files\nodejs,安装至完成。 [不要装在C盘,装在非系统盘的其它盘,如D盘,E盘,如   E:\nodejs  更好,路径不要有中文,不要写中间有空格的目录,尽量]
3.window+R,输入cmd,打开命令提示符窗口,输入:

npm -v

检测是否安装成功,如果输出版本号,则表示安装成功,如图: 

image.png

上面这个黑窗口是系统的cmd.exe   可以在运行中写cmd   回车呼出,,,也可以如下

image.png


image.png

安装好了node.js之后


二、改变原有的环境变量

1、首先配置npm的全局模块的存放路径、cache的路径,此处我选择放在:D:\Program Files\nodejs 

输入如下命令:

[注意命令后面 的路径,如node_global  是在你安装的node.js的目录,新建的目录,另外node_cache也一样]

npm config set prefix "D:\Program Files\nodejs\node_global"                                 敲回车

npm config set cache"D:\Program Files\nodejs\node_cache"                              敲回车

如下图所示:

image.png

完成后可以在文件夹中看到相应名字的文件夹,如下

image.png


2、在系统环境变量添加NODE_PATH,输入路径为: 
D:\Program Files\nodejs\node_global 
操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)->输入变量名NODE_PATH->变量值:输入上面路径,确定即可。 


image.png


在命令行输入以下命令安装express(注:“-g”表示安装到global目录下,就是上面设置的node_global中)

npm install express -g


可以看到node_global/node_modules下有express了,如图: 

image.png



三、安装cnpm

1、安装cnpm,输入以下命令:

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


上面命令在cmd.exe中  敲回车,              这是把下载源换到淘宝网


此时在cmd中如下命令


npm -v   看到版本号

cnpm -v 看到版本号

在此时

node.js  已正确安装    

npm ,  cnpm 已到位,在实际开发中安装包

我们都用cnpm    记各                   除了启动项目外


如果输入cnpm -v ,报错。 

是添加系统变量path的内容 
因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。 
如图,修改系统变量path: .

image.png

image.png


然后再次输入cnpm -v ,结果如下: 


image.png


此时node.js正确安装



B站正好.jpg









































知识就在眼前 www.duanshuilu.com

评论者:[[ schemeInfo.user.username ]]

评论内容:[[ schemeInfo.pbody ]]

评论时间:[[ schemeInfo.ptime ]]





发表你的评论:

提交评论
上一篇:
下一篇: