当前位置: 首页 > news >正文

Vue3学习——Node环境安装(一)

在进行 Vue 项目开发时,必须先安装Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。在 Vue 项目中,我们通常会使用到 Node.js 的 npm(Node Package Manager)来管理项目所需的各种库和工具,例如 Vite、Babel、ESLint 等。此外,Node.js 还可以用来运行开发环境中的本地服务器,以及编译、打包项目等。因此,安装 Node.js 是进行 Vue 项目开发的基础步骤。

一、nvm

1. nvm安装

nvm(Node Version Manager)是一个用来管理node版本的工具。我们之所以需要使用node,是因为我们需要使用node中的npm(Node Package Manager),使用npm的目的是为了能够方便的管理一些前端开发的包!nvm的安装非常简单,步骤如下:

  1. 到这个链接下载nvm的安装包:https://github.com/coreybutler/nvm-windows/releases
  2. 然后点击一顿下一步,安装即可!
  3. 安装完成后,还需要配置环境变量。在我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path下新建一个,把nvm所处的路径填入进去即可!
  4. 打开cmd,然后输入nvm,如果没有提示没有找不到这个命令。说明已经安装成功!
  5. Mac或者Linux安装nvm请看这里:https://github.com/creationix/nvm。也要记得配置环境变.

2. nvm常用命令:

  1. nvm install node:安装最新版的node.js。nvm i == nvm install。
  2. nvm install [version]:安装指定版本的node.js
  3. nvm use [version]:使用某个版本的node
  4. nvm list:列出当前安装了哪些版本的node
  5. nvm uninstall [version]:卸载指定版本的node

二、node:

安装完nvm后,我们就可以通过nvm来安装node了。这里我们安装21.7.1的node.js就可以。安装命令如下:

nvm install 21.7.1

三、 npm

npm(Node Package Manager)在安装node的时候就会自动的安装了。当时前提条件是你需要设置当前的node的版本:nvm use 21.7.1。然后就可以使用npm了.
关于npm常用命令以及用法,请看下文。

1. 安装包:

安装包分为全局安装和本地安装。全局安装是安装在当前node环境中,在可以在cmd中当作命令使用。而本地安装是安装在当前项目中,只有当前这个项目能使用,并且可以通过require引用。安装的方式只有-g参数的区别:

npm install express          # 本地安装
npm install express -g   # 全局安装

2. 本地安装

  1. 将安装包放在./node_modules下(运行 npm 命令时所在的目录),如果没有node_modules目录,会在当前执行npm命令的目录下生成node_modules目录。
  2. 可以通过require()来引入本地安装的包。

3. 全局安装

  1. 将安装包放在/usr/local下或者你node的安装目录。
  2. 可以直接在命令行里使用。

 4. 卸载包:

npm uninstall [package]

5. 更新包:

npm update [package]

6. 搜索包:

npm search [package]

7. 使用淘宝镜像:

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

如果执行以上命令出现类似以下错误:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired

npm ERR! A complete log of this run can be found in: C:\Users\paofu\AppData\Local\npm-cache\_logs\2024-03-27T06_46_40_597Z-debug-0.log

可以执行以下两条命令解决:

# 清理缓存
$ npm cache clean --force
# 取消ssl验证
$ npm config set strict-ssl false

以后就可以使用cnpm来安装包了,比如:

cnpm install express

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【Redis】数据结构和内部编码
  • 模型量化方法-GPTQ
  • python中%s是什么
  • 【每日刷题】Day105
  • JavaScript 原型与原型链
  • oracle 事务回滚
  • 如何培养单元测试的习惯?怎样才算一个好的单元测试?
  • 计算机图形学 | 动画模拟
  • eNSP 华为ACL配置
  • vue2项目从0到1记录
  • Linux软件编程---数据库
  • VSCode打开HBuilderX创建的uniapp项目
  • Vue.js与UI构建
  • Autojs详解
  • 解决macOS下Homebrew下载慢的问题
  • 2019.2.20 c++ 知识梳理
  • Android路由框架AnnoRouter:使用Java接口来定义路由跳转
  • CNN 在图像分割中的简史:从 R-CNN 到 Mask R-CNN
  • CSS盒模型深入
  • ES6 学习笔记(一)let,const和解构赋值
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • Java的Interrupt与线程中断
  • jquery cookie
  • Making An Indicator With Pure CSS
  • NSTimer学习笔记
  • orm2 中文文档 3.1 模型属性
  • React中的“虫洞”——Context
  • Spring Boot快速入门(一):Hello Spring Boot
  • 从零开始学习部署
  • 从零开始在ubuntu上搭建node开发环境
  • 动态规划入门(以爬楼梯为例)
  • 机器学习 vs. 深度学习
  • 紧急通知:《观止-微软》请在经管柜购买!
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 用mpvue开发微信小程序
  • 树莓派用上kodexplorer也能玩成私有网盘
  • 新海诚画集[秒速5センチメートル:樱花抄·春]
  • 曾刷新两项世界纪录,腾讯优图人脸检测算法 DSFD 正式开源 ...
  • ​​​​​​​sokit v1.3抓手机应用socket数据包: Socket是传输控制层协议,WebSocket是应用层协议。
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • # Swust 12th acm 邀请赛# [ K ] 三角形判定 [题解]
  • ###C语言程序设计-----C语言学习(3)#
  • $.proxy和$.extend
  • (12)目标检测_SSD基于pytorch搭建代码
  • (8)Linux使用C语言读取proc/stat等cpu使用数据
  • (Git) gitignore基础使用
  • (二)Eureka服务搭建,服务注册,服务发现
  • (二)windows配置JDK环境
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (机器学习-深度学习快速入门)第一章第一节:Python环境和数据分析
  • (全部习题答案)研究生英语读写教程基础级教师用书PDF|| 研究生英语读写教程提高级教师用书PDF
  • (学习日记)2024.02.29:UCOSIII第二节
  • ... fatal error LINK1120:1个无法解析的外部命令 的解决办法
  • ./configure,make,make install的作用