![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
node_modules
文章平均质量分 62
码农键盘上的梦
愿当年热情还在!
printf("hello,world!");
展开
-
极速删除 node_modules 仅3 秒()
作为前端开发者,相信大家都曾经历过删除文件夹时的漫长等待。尤其是在处理那些依赖库繁多的项目时,删除操作简直让人崩溃。今天,我们就来探讨一下为什么删除依赖这么慢,以及如何实现快速删除。让我们一起提升开发效率,告别繁琐!原创 2024-07-18 10:06:54 · 291 阅读 · 0 评论 -
websocket封装
websocket在前端开发中,是一个必须掌握的技术!你可以不用,但必须掌握!前几天,就遇到这样一个需求,要求界面的数据通过websocket实时推送,并且必须支持断网重连、自动心跳!自动心跳是定期向服务端发送小型数据包,如果一段时间内服务端没有收到心跳响应,系统可能会断开连接。websokect的API非常简单// 创建ws连接console.log('WebSocket 连接已经建立。');');console.log('收到服务器消息:', event.data);原创 2024-05-31 10:38:47 · 777 阅读 · 0 评论 -
npm 版本号指定标识符
主版本号为10、次版本号为0、修补版本号为0,那。,依次为主版本号、次版本号、修补版本号。我们可以先来了解依赖的版本。原创 2024-05-28 10:11:21 · 567 阅读 · 0 评论 -
vue3中使用cherry-markdown
附cherry-markdown官网及api使用示例考虑到复用性,我在插件的基础上做了二次封装,步骤如下:1.下载 (,否则会报错:如果需要开启mermaid画图、表格自动转图表功能,需要同时添加mermaid与echarts包。目前推荐的插件版本为基础应用代码示例。原创 2024-05-13 17:05:54 · 576 阅读 · 0 评论 -
axios的安装使用
大部分情况下,请求头都是固定的,只有少部分情况下,会需要一些特殊的请求头,这里将普适性的请求头作为基础配置。当需要特殊请求头时,将特殊请求头作为参数传入,覆盖基础配置。请求,就要把这些比如设置超时时间、设置请求头、根据项目环境判断使用哪个请求地址、错误处理等等操作,都需要写一遍。封装的同时,你需要和 后端协商好一些约定,请求头,状态码,请求超时时间.......如果每个页面都发送类似的请求,都要写一堆的配置与错误处理,就显得过于繁琐了。请求拦截器: 根据请求的请求头设定,来决定哪些请求可以访问。原创 2024-03-05 09:20:15 · 1436 阅读 · 0 评论 -
在Vue3 + Vite项目中使用less
这样就完成了less的配置。在Vue3 + Vite项目中使用less,需要安装。首先,在项目根目录下执行以下命令安装。来指定使用less语法。标签中编写less样式。原创 2024-02-21 15:18:32 · 1230 阅读 · 0 评论 -
vue3+vite项目中显示SVG图片
总之,vite-plugin-svg-icons插件的作用是简化在Vue项目中使用SVG图标的过程,提供了更加灵活和方便的方式来管理和使用这些图标。vite-plugin-svg-icons是一个Vite插件,其作用是将SVG图标文件转换为Vue组件,以便在Vue项目中使用。兼容性:vite-plugin-svg-icons 支持多种类型的 SVG 图标,包括普通的 SVG 文件、Symbol 图标和图标字体等。该插件还提供了一些额外的功能,如自动按需引入图标、支持图标的自定义命名、支持指定图标大小等。原创 2024-02-21 14:09:58 · 1062 阅读 · 0 评论 -
vue使用Nprogress进度条功能实现
以上是NProgress的一些常用配置和方法,你可以根据自己的需求进行配置和调用。详细的配置项和方法可以参考官方文档或相关的API文档。Progress是一个轻量级的加载进度条库,它提供了一些配置项和方法来自定义和控制进度条的行为。在路由跳转之前,开启进度条加载,在路由跳转之后,结束进度条的加载。此处进度条主要用于页面路由的跳转过程中,因此可以直接在。下图中的这种顶部进度条是非常常见的,在。NProgress可以通过npm安装。高级用法(具体实现)原创 2024-02-19 15:59:27 · 1092 阅读 · 0 评论 -
浏览器报错:node_modules.com/.vite/deps/*** net::ERR_ABORTED%20504
node_modules/.vite/deps/ 目录是 Vite 打包应用时,用来存储预编译文件。如果在开发应用过程中,新引入一些外部依赖包,Vite 可能没有及时识别,并进行预编译。此时,应用就出现获取预编译文件内容的http请求报错。删除 node_modules/.vite/deps/ 目录,并重新启动应用。原创 2024-01-22 14:35:48 · 1595 阅读 · 0 评论 -
npm install后的-S -D 是什么?
在使用npm安装软件包时,可以使用-S和-D参数标记来指定安装软件包的类型。-S或--save参数将软件包安装为生产依赖项(dependencies),这意味着它是您的应用程序的一部分。此标志将软件包添加到您的package.json文件的"dependencies"部分中,并使用npm install命令安装软件包时,默认情况下会安装生产依赖项。是的简写。原创 2022-04-12 14:03:05 · 1505 阅读 · 0 评论 -
分享几个自己常用的JS库加快开发效率
分享小编经常用的几个js库,主要涉及到前端的视频播放(直播)、时间格式化、时间范围选择、连续翻滚、防抖等js库。可以很好的解决前端的一些问题。1.videojs是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。时间处理,让网络上的日期和时间变得更好。原创 2023-08-16 09:43:34 · 172 阅读 · 0 评论 -
H5移动端附件下载
【代码】H5移动端附件下载。原创 2023-08-14 11:08:25 · 555 阅读 · 0 评论 -
uni-app中使用pinia
Pinia(发音为 /piːnjʌ/,如英语中的 peenya) 是 Vue 的存储库,它允许您跨组件、页面共享状态。在服务器端以及小型单页应用程序中,您也可以从使用 Pinia 中获得很多好处:Devtools 支持追踪 actions、mutations 的时间线在组件中展示它们所用到的 Store让调试更容易的 Time travel热模块更换不必重载页面即可修改 Store开发时可保持当前的 State为 JS 开发者提供适当的 TypeScript 支持以及 自动补全 功能。原创 2023-08-14 10:14:09 · 5580 阅读 · 1 评论 -
前端实现文件预览功能
需求:实现一个在线预览pdf、excel、word、图片等文件的功能。介绍:支持pdf、xlsx、docx、jpg、png、jpeg。以下使用Vue3代码实现所有功能,建议以下的预览文件标签可以在外层包裹一层弹窗。原创 2023-08-14 09:54:04 · 534 阅读 · 0 评论 -
vite项目低版本浏览器兼容性问题
该语句是ES6的新语法,一般浏览器都没有问题,但低版本的浏览器无法解析该语句,所以要进行js转换,一般的vue2项目我们会使用babel,但。里不好使用babel,需引入另一个插件,esbuild,他可以把指定文件转译成目标文件,如ts->js,话不多说,贴代码。//其中vue()是vite脚手架帮我们自动生成的,我们只需要添加一个属性就可以了。2、这个是打包后实现。原创 2023-08-09 11:18:14 · 923 阅读 · 3 评论 -
nvm 和 nrm安装使用
Node 版本管理工具。原创 2023-07-01 22:34:48 · 1399 阅读 · 0 评论 -
vue3+vite封装配置axios
vue3+vite封装配置axios原创 2023-06-28 12:42:14 · 932 阅读 · 0 评论 -
Vue3+vite中Axios的配置和使用方法
以上就是在Vue3中使用Axios的配置和使用方法。原创 2023-06-28 12:42:35 · 2184 阅读 · 0 评论 -
vue3+vite安装配置element-plus
注意:按需引入时element-plus不需要在main.ts中引入,插件会自动挂载处理,可以在全局直接使用。这里在main.ts中引入element-plus样式与图标。原创 2023-06-28 12:11:28 · 981 阅读 · 0 评论 -
使用yarn安装与卸载包
yarn是一个功能强大的包管理器,它可以帮助我们更好地管理项目中的依赖。了解yarn安装依赖的规则,对于项目的维护和升级都会非常有帮助。本文详细介绍了如何使用yarn安装与卸载包。通过本指南,你应该已经了解了如何使用yarn卸载包及其依赖项的不同方式。通过这些方法,你可以更轻松方便地管理您的项目所需的依赖项,并随时调整。原创 2023-06-28 11:20:20 · 18348 阅读 · 0 评论 -
vue3+vite+ts项目配置开发环境和生产环境 打包命令配置
开发环境和生产环境的配置和打包方式有所不同,下面是基于vue3+vite+ts项目的开发环境和生产环境配置及打包方式的详细说明。打包完成后会在项目根目录下生成dist目录,里面包含了打包后的静态文件和index.html文件,可以直接部署到服务器上。这里配置了三个命令,分别是开发环境启动命令、开发环境打包命令和生产环境打包命令。1.3 配置.env.development。2.2 配置.env.production。1.2 配置vite.config.ts。2.1 配置vite.config.ts。原创 2023-06-20 16:33:28 · 9613 阅读 · 4 评论 -
Vue、React使用 rimraf 快速删除node_modules
项目遇到不可逆的情况时,需要清除node_modules,重新install使用npm run serve或npm run dev 无法运行项目时使用cmd里面的指令来删除文件夹,快速删除node_modules,10秒钟删除node_modules。原创 2023-06-05 10:08:13 · 495 阅读 · 0 评论 -
rimraf : 无法加载文件 C:\Program Files\nodejs\rimraf.ps1,因为在此系统上禁止运行脚本。
rimraf : 无法加载文件 C:\Program Files\nodejs\rimraf.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?请参阅 https:/go.microsoft.com/fwlink/?2、输入set-ExecutionPolicy RemoteSigned。命令报错:(rimraf 前端同学可以多多了解)1、以管理员身份打开powershell (所在位置 行:1 字符: 1。3、输入Y 或者 A。原创 2023-06-05 08:59:13 · 1266 阅读 · 0 评论 -
使用nvm安装管理nodejs(node.js version management)
此版本为windows版本 打开网址向下翻可以看到各版本的信息 可以根据自己的需要选择对应的版本 这里推荐大家下载 nvm-setup.zip 比较方便。nvm全名node.js version management 它是一个nodejs的版本管理工具 通过它可以安装和切换不同版本的nodejs。然后选择你需要安装的路径 这里默认的安装路径是:C:\Users\xxx\AppData\Roaming\npm。再次打开cmd 试试 node -v 和npm -v就可以了 下面是nvm的一些使用命令。原创 2023-04-25 09:09:05 · 711 阅读 · 0 评论 -
vue项目安装使用element_UI
6:打开SRC里的APP.vue在终端打开 输入npm run serve 即可运行本文件。要在自己下载vue脚手架自定义命名的文件里用终端打开!5:运行vue项目 打开vue项目在集成终端打开 输入 npm run serve。第一步: 在Vscode 随意打开一个文件夹,在集成终端打开。第二步:新建一个文件夹,并且在集成终端打开安装VUE脚手架。4 :还有要在VScode 安装 vetur 插件!安装element_UI之前需要安装VUE脚手架框架!5: 进入当前文件夹 OK!原创 2023-01-06 09:09:16 · 7388 阅读 · 2 评论 -
依赖包版本号前面的 ^ 或者 ~ 或者* 的符号的含义
安装依赖包的版本如何指定?相信大家都会经历过,我们安装一些依赖包的时候,版本号前面都会带^或者~的符号,这两个符号代表什么意思呢?原创 2022-03-25 15:24:53 · 6810 阅读 · 0 评论 -
mac系统上传到Git上的Vue项目在Windows系统拉下来后无法运行(无法安装node_modules依赖)
windows在Git下拉mac系统的vue项目无法npm i 安装 node_modules资源包原创 2021-12-28 09:19:38 · 853 阅读 · 0 评论