• 2024-09-18Canvas简历编辑器-Monorepo+Rspack工程实践
    Canvas简历编辑器-Monorepo+Rspack工程实践在之前我们围绕Canvas聊了很多代码设计层面的东西,在这里我们聊一下工程实践。在之前的文中我也提到过,因为是本着学习的态度以及对技术的好奇心来做的,所以除了一些工具类的库例如 ArcoDesign、ResizeObserve、Jest 等包之外,关于数据结
  • 2024-09-17使用pnpm、monorepo 来构建 vue + 独立组件库项目
    新建项目使用pnpm进行安装pnpmcreatevue@latest在根目录下创建pnpm-workerspace.yaml文件packages:-'components/**'此处,components为根目录中的components文件夹,他是独立于我们项目的一个组件库,不包含在src内,此时目录结构如下:root-components-node_modules
  • 2024-09-12vue3项目部署到Github
    此教程适应于以webpack,vue-cli,vite等脚手架构建的vue项目。当然,vue2和vue3都是可以滴。1.前提:你的代码库已经提交到Github上如果没有的话,请到GitHub上新建仓库,并把你本地的项目提交到GitHub上新建的仓库里。具体方法,可以参考我的博客Git使用记录-持续更新-将本地项目关
  • 2024-09-10使用VSCode搭建UniApp + TS + Vue3 + Vite项目
    uniapp是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、以及各种小程序。深受广大前端开发者的喜爱。uniapp官方也提供了自己的IDE工具HBuilderX,可以快速开发uniapp项目。但是很多前端的同学已经比较习惯使用VSCode去开发项目,为了开发uniapp项目
  • 2024-09-018月最新版ChatGPT商业运营网站程序源码,支持Midjourney绘画Dalle3绘画,多种语音对话+suno-ai音乐生成+TTS语音对话+支持GPTs
    8月最新版ChatGPT商业运营网站程序源码,支持Midjourney绘画Dalle3绘画,多种语音对话+suno-ai音乐生成+TTS语音对话+支持GPTs文章目录8月最新版ChatGPT商业运营网站程序源码,支持Midjourney绘画Dalle3绘画,多种语音对话+suno-ai音乐生成+TTS语音对话+支持GPTs前言一、文档总
  • 2024-08-29Traccar服务器端前后端部署流程
    Traccar官方文档地址:BuildfromSource-Traccar由于官方文档本地部署步骤并不详细且无法复现,本文档从环境配置到运行代码一步一步进行操作教学:第一步:下载git打开该链接下载gitGit-DownloadingPackage(git-scm.com)下载安装包后打开按默认选项安装  
  • 2024-08-28使用 pnpm workspace 和 standalone 模式构建 Next.js 的 Docker 镜像
    引言本文将探讨如何利用pnpmworkspace和standalone模式来构建Next.js应用程序的轻量级Docker镜像。这种方法通过仅在node_modules目录中包含必要的文件,显著减少了最终Docker镜像的大小。Standalone模式简介通常情况下,所有在dependencies中列出的包都会
  • 2024-08-27手把手教你—搭建Vue3企业级项目规范+基础封装配置
    前言如何搭建一个简易脚手架。核心需求是输入项目命令,clone准备好的项目模板,拉到本地后,装一下依赖,就可以直接开发了。不用每次都花大量时间,去搭建项目规范和做必要的封装配置。经过简单寻找后,发现没有符合自己预期的。从0到1搭建一个具备完善规范的Vue3开发模板✨,并手把手带大
  • 2024-08-24".prisma/client/index-browser" is imported by ".prisma/client/index-browser?commonjs-
    背景在nuxt3项目中使用prisma操作数据库。dev阶段可以正常运行,但是到了build时出现以上错误。分析由于npm的依赖采用扁平化管理,而pnpm并不适用扁平化管理,从而导致pnpm存在兼容性问题。最简单的办法是直接换掉pnpm,直接改成yarn或者npm。yarnpnpm仔细观察可以发现,没有.prisma
  • 2024-08-19如何从零编写一个vite插件 创建 vite 插件通用模板
    初始化mkdirvite-progress&&cdvite-progress&&pnpminit1.2安装typescriptpnpmitypescript@types/node-D1.3配置tsconfig.json{"compilerOptions":{"module":"ESNext","target":"esnext&quo
  • 2024-08-14[pnpm] pnpm 与 npm/yarn 的对比
    JavaScript应用程序通常依赖于许多外部库,这些依赖项通常通过包管理器来管理。默认情况下,Node.js使用NPM作为包管理器。由于早期的NPM存在各种不足,社区后来开发了Yarn和pnpm作为替代品。如果要使用Yarn和pnpm,则需要先通过NPM进行安装。早期NPM的不足依赖树
  • 2024-08-14[pnpm] pnpm 与 npm/yarn 的对比
    JavaScript应用程序通常依赖于许多外部库,这些依赖项通常通过包管理器来管理。默认情况下,Node.js使用NPM作为包管理器。由于早期的NPM存在各种不足,社区后来开发了Yarn和pnpm作为替代品。如果要使用Yarn和pnpm,则需要先通过NPM进行安装。早期NPM的不足依赖树
  • 2024-08-14[pnpm] pnpm 与 npm/yarn 的对比
    JavaScript应用程序通常依赖于许多外部库,这些依赖项通常通过包管理器来管理。默认情况下,Node.js使用NPM作为包管理器。由于早期的NPM存在各种不足,社区后来开发了Yarn和pnpm作为替代品。如果要使用Yarn和pnpm,则需要先通过NPM进行安装。早期NPM的不足依赖树
  • 2024-08-14antd模板工程
    pnpmcreatevite@latestmy-project----templatereactcdmy-projectpnpminstall-Dtailwindcsspostcssautoprefixernpxtailwindcssinit-ptailwind.config.js:/**@type{import('tailwindcss').Config}*/exportdefault{corePlugins:{
  • 2024-08-06前端包管理工具 -- NPM、CNPM、NVM、NRM、YARN、NPX、PNPM
    前端包管理工具NPM、CNPM、NVM、NRM、YARN、NPX、PNPM一、npm包管理工具、常用命令npminstall<pack_name>npmrundev#npm仓库登录、退出npmloginnpmlogoutnpmadduser#npm发布npmpublishnpmunpublishnpminfo<pack_name>二、cnpm淘宝的npm源
  • 2024-08-05pnpm-lock.yaml文件对项目构建有影响吗 pnpm-lock.yaml本地变更需要提交相关变更吗
    pnpm-lock.yaml文件是Pnpm包管理器生成的锁文件,用于锁定项目依赖的确切版本。这个文件确保了在不同环境中安装依赖时,所有开发者和部署系统都能获得一致的依赖树。对项目构建的影响:一致性:pnpm-lock.yaml确保了项目依赖的一致性,无论在哪个环境或哪个开发者的机器上构建项目,
  • 2024-07-31如何安装缓存的库?
    是否可以制作pip保存包而不是每次都下载它们?或者这会占用太多磁盘空间吗?是对的,每次使用pip安装软件包时,默认情况下都会下载它们,即使之前已经安装过它们也是如此。这可能会很慢,并且会浪费带宽。好消息是pip提供了一种缓存下载软件包的机制,这样就不
  • 2024-07-26新电脑如何设置 npm 源及查看源、安装 cnpm、pnpm 和 yarn 的详细教程
    当你获得一台新电脑,或需要在现有电脑上优化JavaScript和Node.js的开发环境时,正确配置npm是一步不可少的过程。本教程将详细指导你如何设置npm源,查看当前源,以及如何安装cnpm、pnpm和yarn。1.设置npm源npm(NodePackageManager)是Node.js的包管理器,通过
  • 2024-07-23pnpm的安装与使用
    官网:安装|pnpm中文文档|pnpm中文网一、pnpm优势:1.节省磁盘空间假设你有一个依赖包example-package,包含100个文件。如果你使用npm安装在100个项目中,你的硬盘上会有100份example-package,每份都占用同样的空间。然而,如果是使用pnpm,(1)example-package的所有文
  • 2024-07-20VuePress安装
    linux下预构建二进制文件安装NodejsNodejs预购建二级制文件下载地址安装Nodejs和npm#解压tarxvfnode-v20.15.1-linux-x64.tar.xz#移动解压出的文件夹到/usr/local下,并且重命名为nodejsmv./node-v20.15.1-linux-x64/usr/local/nodejs#添加软连接,之后就能直接
  • 2024-07-18npm/yarn/pnpm install失败:ERR_PNPM_NO_VERSIONS No versions available for uWebSockets.js.
    ERR_PNPM_NO_VERSIONS NoversionsavailableforuWebSockets.js.Thepackagemaybeunpublished.我在新项目中想要切换包管理器从yarn到pnpm的时候,删除node_modules和yarn.lock之后,pnpminstall竟然提示这个包可能没发布。我觉得这个不可能,都需要使用了,怎么可能没发
  • 2024-07-17【已解决】包管理器pnpm的使用,并解决pnpm报错系统禁止运行脚本
    1.node包管理器pnpm的优势磁盘空间效率:pnpm使用全局磁盘内容可寻址存储,通过硬链接和符号链接管理node_modules,从而减少磁盘空间的使用,同时保持目录的清洁。安装速度:pnpm的安装速度比npm快近2倍,这得益于其共享依赖的机制,避免了在每个项目中重复安装相同包的副本。依赖管理:pn
  • 2024-07-16pnpm错误, ERR_PNPM_UNEXPECTED_STORE  Unexpected store location
    背景 ERR_PNPM_UNEXPECTED_STORE UnexpectedstorelocationThedependenciesat"C:\Users\acer\Code\Nuxt3\init\node_modules"arecurrentlylinkedfromthestoreat"C:\Users\acer\.hvigor\caches\v3".pnpmnowwantstousethe
  • 2024-07-12node中npm yarn pnpm孰优孰劣???
    npmnpm2node版本为4,npm版本就会将为2.x,此时我们执行下那npminstallexpress分析下node_modules的目录结构。我们会发现,express包和它的依赖都会被下载下来,展开展开express,它也有node_modules:再展开几层,每个依赖都有自己的node_modules:也就是说npm2的node_module
  • 2024-07-11奇妙音乐屋!一个基于Vue3高仿网易云PC端的音乐流媒体网站
    大家好,我是Java陈序员。今天,给大家安利一个高仿网易云PC端的开源项目,界面精美、功能丰富!关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍vue3-cloud-music——一个主要基于Vue3+TypeScript+Vite构建的高仿网