Node学习笔记

一、安装node

1、下载node

https://www.runoob.com/nodejs/nodejs-install-setup.html

2、安装npm

安装前确认无npm 环境变量里面也没有 C:\Users\bobo\AppData\Roaming下也没有node有关的 有全部删除

参考

https://www.cnblogs.com/aeolian/p/12457284.html

https://www.bilibili.com/video/BV1VK4y1v7TK?from=search&seid=4708598176391760108

1）下载安装包（win）

安装过程选择安装路径（英文）其余下一步

检查一下，cmd下输入

node -v

安装完文件夹如下

2）配置npm全局模块路径和缓存cache路径

原因：不这么做会让c盘爆满

NPM安装的模块并不会安装到NodeJS的程序目录

在nodejs目录下创建两个目录node_cache和node_global

node_cache：存放安装过程的缓存文件

node_global：存放安装模块配置位置

#设置npm安装程序时的默认位置
npm config set prefix "D:\install\node\node_global"
#设置npm安装程序时的缓存位置
npm config set cache "D:\install\node\node_cache"

查看 npm 当前配置

命令行输入

npm config ls 

3）添加环境变量

a、在用户变量中，修该path

D:\install\node\node_global

点击保存

b、npm install -g vue

node_global目录底下会多出这个文件夹

c、在环境变量中，新建一个系统变量

变量名：NODE_PATH

变量值：D:\install\node\node_global\node_modules

**d、**在Path变量名中，新建变量值

%NODE_PATH%

保存

检查

cmd（管理员）——node ----require(‘vue’)

没有配置成功如下：

成功配置如下：

4）配置镜像

最后可以配置一个国内镜像站提升下载速度，如：

 #配置淘宝仓库
npm config set registry=http://registry.npm.taobao.org 
#恢复官方
npm config set registry https://registry.npmjs.org/   
#检查镜像站        
npm config get registry     

3、其他

1）安装模块

将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录

npm install 模块名/包名 -g    #安装模块/包
npm uninstall -g 模块名/包名    #删除模块

临时使用某个镜像站安装模块

#使用淘宝镜像站下载cluster模块
npm --registry https://registry.npm.taobao.org install cluster -g

使用npm升级npm

npm install npm -g

在镜像站中搜索安装包

npm search 包名

查看已安装的包

npm list -g

2）创建模块

npm init     #会输入各种配置包括git的url及用户名密码
npm publish

查看 npm 当前配置

命令行输入npm config ls

地址https://nodejs.org/zh-cn/

注：若提示npm不是内部命令，cmd中却可以，则参考如下设置：

https://www.cnblogs.com/ljangle/p/11211476.html

二、安装cnpm

1、安装步骤

注意是要进安装node目录，下图错安装到c盘

切换到安装node目录

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

验证 出现版本号就安装成功

cnpm -v

2、错误记录

1）路径错误

安装错误的时候卸载

npm uninstall cnpm -g

这里面第二个错误就是前面设置安装路径不对报错了

重新切换路径

查看nodeJS全局安装路径，看看安装路径对不对

npm config ls

安装完成必须有下面两个文件夹才可以

安装中还是报错 问题没解决

D:\install\node>npm install -g cnpm --registry=https://registry.npm.taobao.org
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
D:\install\node\node_global\cnpm -> D:\install\node\node_global\node_modules\cnpm\bin\cnpm
+ cnpm@6.1.1
added 689 packages from 974 contributors in 341.584s

然后修改环境变量

最后成功了

cnpm -v

2）安装失败

错误信息

重新安装node之后再安装cnpm报错

错误原因：

npm 版本过低

解决办法：

升级版本运行

npm install -g npm之后再npm -v

（更新到指定版本 npm -g install npm@5.6.0 （@后面加指定版本号））

解决

三、安装vue相关组件

1、安装vue

上面安装node过程中已经完成

2、安装vue脚手架

npm install -g @vue/cli

注：如果不小心重复安装会导致vue损坏，解决办法如下：
https://blog.csdn.net/weixin_42619772/article/details/109243330

npm clean cache –force

我的目录和链接上不一样
D:\install\node

然后再进行安装

---

结尾