Vue3 nodejs 安装和配置---vue3教程一

news2025/2/12 19:37:57

文章目录

  • 前言
  • 1、nodejs安装
  • 2、配置缓存路径:
  • 3、 阿里镜像cnpm使用
  • 4、 yarn安装
  • 5、配置nodejs国内镜像
  • 6、查看各个版本
  • 7、node npm yarn概念
  • 8、nodejs 和vue 关系
  • 外传

前言

本人主做后端Java,以前搞全栈开发是,还没有vue,rect等前端框架,最近,学习下vue,留下,自己的学习过程和出现的一些概念性和技术上问题的解决方案,一起学习吧,最后会搞一个项目。。

1、nodejs安装

https://nodejs.org/en/download/
我的系统是mac pro ,直接下载node-v18.17.0.pkg,直接安装即可
如果已经安装过老版本,那么先去删除,或者直接安装可以,会直接覆盖之前的版本。

在这里插入图片描述

安装:
Nodejs:
Nodejs v18.17.0 to /usr/local/bin/node
npm v9.6.7 to /usr/local/bin/npm

2、配置缓存路径:

npm config set prefix “/Users/weidong/install/nodejs/node_global”
npm config set cache “/Users/weidong/install/nodejs/node_cache”

3、 阿里镜像cnpm使用

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
注意,需要用到sudo

4、 yarn安装

npm i yarn -g
-i:install
-g:全局安装(global),使用 -g 或 --global

yarn@1.22.10 preinstall /Users/weidong/install/nodejs/node_global/lib/node_modules/yarn
:; (node ./preinstall.js > /dev/null 2>&1 || true)

/Users/weidong/install/nodejs/node_global/bin/yarnpkg -> /Users/weidong/install/nodejs/node_global/lib/node_modules/yarn/bin/yarn.js
/Users/weidong/install/nodejs/node_global/bin/yarn -> /Users/weidong/install/nodejs/node_global/lib/node_modules/yarn/bin/yarn.js

yarn环境变量配置:

vi ~/.bash_profile

#yarn path
export PATH=$PATH:/Users/weidong/install/nodejs/node_global/bin

5、配置nodejs国内镜像

原来的数据源:registry=https://registry.npmjs.org/
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

6、查看各个版本

weidong:~ weidong$ node -v
v18.17.0
weidong:~ weidong$ npm -v
9.6.7
weidong:~ weidong$ cnpm -v
cnpm@9.2.0 (/Users/weidong/install/nodejs/node_global/lib/node_modules/cnpm/lib/parse_argv.js)
npm@9.8.1 (/Users/weidong/install/nodejs/node_global/lib/node_modules/cnpm/node_modules/npm/index.js)
node@18.17.0 (/usr/local/bin/node)
npminstall@7.9.0 (/Users/weidong/install/nodejs/node_global/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/Users/weidong/install/nodejs/node_global 
darwin x64 22.4.0 
registry=https://registry.npmmirror.com
weidong:~ weidong$ yarn -v
1.22.19

7、node npm yarn概念

• yarn是Facebook公司出品的用于管理nodejs包的一款软件。yarn是为了弥补 npm 的一些缺陷而出现的,建议使用yarn。
• npm是随同nodejs一起安装的包管理工具。
• cnpm是淘宝 npm镜像,更快。

yarn和npm常用功能对比

在这里插入图片描述

8、nodejs 和vue 关系

vue是一套用于构建用户界面的前端框架,如果web项目中有前后端分离,前端项目想单独运行在服务器端,那么就要依赖nodeJs。Vue的配套周边会和Node.js产生关系,Vue和它们一起配合使用的机率比较高,二者在1、Webpack;2、Vue CLI;3、Vuex;4、Vue Router产生交集,提升效率

外传

😜 原创不易,如若本文能够帮助到您的同学
🎉 支持我:关注我+点赞👍+收藏⭐️
📝 留言:探讨问题,看到立马回复
💬 格言:己所不欲勿施于人 扬帆起航、游历人生、永不言弃!🔥

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/864154.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

如何解决物流投诉问题,拥有更多的回头客?

在电商物流中,客户投诉比较多的一块通常是配送延迟或派送问题。以下是一些可能导致此类问题的原因以及解决方法: 配送员数量不足或调度不合理:电商企业可能面临配送员不足的情况,导致派送时间延长或出现派送失败等问题。解决方法…

【写一个函数,判断一个字符串是否为另外一个字符串旋转之后的字符串】

写一个函数,判断一个字符串是否为另外一个字符串旋转之后的字符串 1.题目 写一个函数,判断一个字符串是否为另外一个字符串旋转之后的字符串。 例如:给定s1 AABCD和s2 BCDAA,返回1 给定s1abcd和s2ACBD,返回0. AABCD左…

40 proc 文件系统

前言 在 linux 中常见的文件系统 有很多, 如下 基于磁盘的文件系统, ext2, ext3, ext4, xfs, btrfs, jfs, ntfs 内存文件系统, procfs, sysfs, tmpfs, squashfs, debugfs 闪存文件系统, ubifs, jffs2, yaffs 文件系统这一套体系在 linux 有一层 vfs 抽象, 用户程序不用…

为何不禁用危险的memcpy或更新memcpy源码,而使用更安全的memcpy_s

关于使用更安全的memcpy_s而不禁用危险的memcpy或更新memcpy源码的问题,以下是一些考虑因素:首先,memcpy_s并不是绝对安全的实现。尽管它要求您提供一个长度参数来确保不会发生溢出或越界问题,但这个长度仍然需要您自己提供&#…

液压系统比例阀放大器US-DAT2-F、US-DAPQ-N、US-DAS2

比例放大器US-DAS1、US-DAS2、US-DAPQ-N、US-DAPQ-H、US-P1、US-P2、US-DAT2-F、US-DAT2-A适配控制各种不带位置反馈比例阀; 控制如博世力士乐(Bosch Rexroth)、伊顿威格士(EATON Vickers)、油研(YUKEN&am…

从小白到大神之路之学习运维第78天-------Kubernetes集群应用部署测试

第四阶段 时 间:2023年8月11日 参加人:全班人员 内 容: Kubernetes集群应用部署测试 目录 应用部署测试 应用部署测试 下面我们部署一个简单的Nginx WEB服务,该容器运行时会监听80端口。 (一)环境…

vue报错‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

运行我的后台管理项目的时候报错:‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序或批处理文件。 查看自己package.json中是否有vue 或者vue-cli-service 查看自己项目目录下有没有node_module文件夹,如果有删除,然后…

uprobe trace多线程mutex等待耗时

问题背景环境 ubuntu2204 服务器支持debugfs uprobe,为了提升应用程序的性能,需要量化不同参数下多线程主程序等待在mutex上的耗时区别 linux document中对uprobe events的说明如下 uprobetracer.rst - Documentation/trace/uprobetracer.rst - Linux…

什么是分布式系统,如何学习分布式系统

正文 虽然本人在前面也写过好几篇分布式系统相关的文章,主要包CAP理论,分布式储存与分布式事务,但对于分布式系统,并没有一个跟清晰的概念。分布式系统涉及到很多的技术、理论与协议,很多人也说,分布式系统…

股票自动交易接口开发原理及源码分享

股票自动交易接口的开发原理涉及多个方面,主要包括以下几个步骤: 1. 数据接口获取:通过连接到证券交易所或第三方数据提供商的API,获取实时市场数据,包括股票报价、交易成交量、买卖盘口等信息。 2. 策略定义&#x…

分类预测 | MATLAB实现SMA-CNN-BiLSTM-Attention多输入分类预测

分类预测 | MATLAB实现SMA-CNN-BiLSTM-Attention多输入分类预测 目录 分类预测 | MATLAB实现SMA-CNN-BiLSTM-Attention多输入分类预测分类效果基本介绍模型描述程序设计参考资料 分类效果 基本介绍 1.MATLAB实现SMA-CNN-BiLSTM-Attention多输入分类预测,CNN-BiLSTM结…

数据结构篇七:排序

文章目录 前言1.插入排序1.1 基本思想1.2 代码实现1.3 特性总结 2.希尔排序2.1 基本思想2.2 代码实现2.3 特性总结 3. 选择排序3.1 基本思想3.2 代码实现3.3 特性总结 4. 堆排序4.1 基本思想4.2 代码实现4.3 特性总结 5. 冒泡排序5.1 基本思想5.2 代码实现5.3 特性总结 6. 快速…

数据库SQL查询语句的执行顺序是怎么样的?

目录 1. 引言 2. SQL查询语句举例 3. SQL查询语句顺序执行误区 4. 查询语句步骤分析 5. SQL查询语句执行顺序总结 6. 面试小问题 6.1 WHERE 和 HAVING 谁的过滤范围更广? 6.2 为什么 WHERE 之后不能使用聚合函数进行过滤? 6.3 为什么 WHERE 的执…

一文了解SmartSE

你或许没有听说过SmartSE,但你一定听说过“Virtual Electronic”,也就是“V-ECU”,虚拟ECU。2020年,ProSTEP iViP协会的SmartSE项目组出版了白皮书,对虚拟ECU做了详尽介绍。 ProSTEP iViP协会成立于1993年&#xff0c…

远程预付费平台助力转供电主体解决“收费难” 安科瑞 顾语欢

为了帮助物业合理收取转供电电费以及过程中的运营成本,安科瑞AcrelCloud-3200远程预付费平台解决方案根据分时电价政策配置合理的计费仪表和软件,帮助转供电主体完成电费统计、电网损耗、租户公共用电公摊,协助转供电主体更高效的解决电费收取…

Navicat 针对金融用户的投票调查 | 诚邀您的参与,让 Navicat 更优!

Navicat 是一款流行的数据库管理工具,它可以帮助用户更轻松地管理和维护数据库。一直以来,Navicat 在金融业(银行、保险、证券和互联网金融服务业等)得到广泛应用。目前,浦发银行、邮储银行、农业银行、中国银联和泰康…

Arcgis地图实战二:地图实时轨迹展示

1.最终效果预览 2.定时器执行方法 进入页面执行执行器 this.locationInterval setInterval(() > {this.getCurrentPosition();}, this.conf.LocateInterval);离开页面销毁 clearInterval(this.locationInterval);this.conf.LocateInterval为获取的数据同步中的定时器间隔…

UE4/5 GAS技能系统入门3 - GameplayEffect

阅读本文需要上一篇AttributeSet的基础知识: https://blog.csdn.net/grayrail/article/details/132148492 本文也并非教程性质文章,主要讲解学习记录为主。 这篇开始讲AttributeSet配置好后,GameplayEffect的使用。 1.将GE配置至Ability Co…

计算机竞赛 - 基于机器视觉的图像拼接算法

前言 图像拼接在实际的应用场景很广,比如无人机航拍,遥感图像等等,图像拼接是进一步做图像理解基础步骤,拼接效果的好坏直接影响接下来的工作,所以一个好的图像拼接算法非常重要。 再举一个身边的例子吧,…

远程RDP、远控手机、双屏控双屏,向日葵“瓜子会员”妥妥的真香

最近儿有点“小感冒”,没去公司在家歇着,居家归居家,砖还是要搬的,突然来活了也得及时的处理掉,这种时候我一般用远程桌面的方式,之前就一直用的向日葵远程控制。 为啥用远程桌面呢?主要原因是家…