您现在的位置是:首页 >技术杂谈 >node.js环境部署以及vue-cil脚手架+创建项目网站首页技术杂谈

node.js环境部署以及vue-cil脚手架+创建项目

阿巴资源站 2023-05-15 08:00:01
简介node.js环境部署以及vue-cil脚手架+创建项目

​1、 npm 和 cnpm 的区别:
(1) 两者之间只是 node 中包管理器的不同哟,
(2) npm是node官方的包管理器。cnpm是个中国版的npm,是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
(3)如果因为网络原因无法使用npm下载,那cnpm这个就派上用场了。
npm和cnpm只是下载器的不同,好像npm用人力板车去拉包,而cnpm却使用货车去运包。 而存包的地址则在nrm的查看。
2、 nrm的使用:
npm 源管理器,允许你快速地在 npm源间切换。
3、node安装:
正常安装:https://nodejs.org/dist/
查看情况:node -vnpm -v
查看node安装路径: which node

/usr/local/bin/node

打开配置文件,配置PATH
输入:vi ./.bash_profile
添加一行PATH(按i进入insert才能编辑)

export NODE_HOME="/usr/local"
export PATH=$PATH:$NODE_HOME/bin

按esc退出insert,输入:wq,按回车,保存文件,配置成功,查看是否配置成功
注意⚠️:NODE_HOME的路径是安装node的目录
eg:我的node安装在根目录下的node文件下其路径就是/usr/local,node安装路径(bin路径的父级路径)

重新打开终端,输入node,就会进入node环境
control+c按两次退出node环境

出现以下问题:我这里是在:'/Users/nodejs/node_global/lib’下没有lib这个文件夹,创建后就好了

npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path /Users/nodejs/node_global/lib
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, lstat '/Users/nodejs/node_global/lib'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/nodejs/node_cache/_logs/2023-04-16T19_23_18_744Z-debug.log

vue -V检查vue-cli的版本并且核验其是否已经安装完成,发现未找到
查看报文:

added 230 packages, and audited 230 packages in 17s
11 packages are looking for funding
  run `npm fund` for details
6 vulnerabilities (3 moderate, 3 high)
Some issues need review, and may require choosing
a different dependency.
Run `npm audit` for details.

使用npm audit报错,再继续使用npm audit fix --force,依旧不行。
重新修改:清理 npm 缓存数据
npm cache clean --force 清除缓冲

最后查到:是node.js版本不对,从报文处查看到。
卸载从头来,方法:https://mp.csdn.net/mp_blog/creation/success/130191502
继续查看到没有报错后,安装cnpm

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

最高权限安装,不知道行不:

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

显示这个报错:npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs
安装时如果遇到这情况,说明npm版本需要更新

npm install -g npm

依旧不对,查询说镜像换了:https://developer.aliyun.com/mirror/NPM

http://npm.taobao.org => http://npmmirror.com
http://registry.npm.taobao.org => http://registry.npmmirror.com

最后最后还是没好,转战另一个文章处理好了:

总结:安装node.js设置环境,安装webpack,安装vue-cli并设置工程信息,最后

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。