先说下故事背景，我们平时在部署Vue等前端项目的时候，因为客户端浏览器缓存原则，经常会出现修改后，而用户不能第一时间更新的情况，只能通过禁用缓存，或者配置nginx，或者干脆联系用户，让用户刷新页面等方案，我都尝试过，都不是很舒服，今天又学到了一个技巧，分享给大家，个人感觉还是可以的，是一个思路，可以往这个方向思考。
现在网络上大部分公益项目都为 jsDelivr 提供镜像加速，此时用户的资源文件必须从源服务器经 jsDelivr 再绕过公益服务才能回到用户手上。本身 jsDelivr 也回源 GitHub 和 NPM，那么为什么不从源拉起？
经过上一篇『手撕Vue-CLI』编码规范检查之后，手撕 Vue-CLI 已经进阶到了代码规范检查这一步，已经将基本的工程搭建好了，然后代码规范约束也已经加入了，并且将 nue-cli 指令绑定到了全局当中，可以在任何地方使用了。
本来需要配置.npmignore配置文件，但是网上不建议用这种方式，说是黑名单的方式，不在黑名单里的关键信息都发上去了。 而是建议使用package.json里配置白名单的方式。于是将package.json配置如下： 关键配置处加上了备注信息：
fnm 是一个基于 Rust 开发的 Node 版本管理工具，它的目标是提供一个快速、简单且可靠的方式来管理 Node.js 的不同版本。同时，它是跨平台的，支持 macOS、Linux、Windows。🚀 Fast and simple Node.js version manager, built in Rust.
在开发WordPress 主题的时候，如果频繁更新主题的CSS、JS文件但主题已经上线，如何让访客的浏览器获取最新的CSS、JS文件而非等到浏览器删除缓存后？下面就介绍一个简单的方法。 版本号参数 相信有过开发经验的童鞋都知道是用版本号参数控制。即原来比如说css 文件路径代码是如下面的： http://devework.com/wp-content/themes/Devework/style.csshttp://devework.com/wp-content/themes/Devework/style.c
在搜索引擎中搜索关键字 .htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从缓存中获取css、js等静态文件，而不必从你的服务器再次下载读取，这样在一定程度上加快了网站的打开速度，又可以节约一下你的服务器流量。
原理：每当执行npm run，就会自动新建一个 Shell，在这个 Shell 里面执行指定的脚本命令。因此，只要是 Shell（一般是 Bash）可以运行的命令，就可以写在 npm 脚本里面。
提到发版后如何自动清理缓存，大家都普遍都会想到配置nginx设置不缓存然后在配置打包生成hash值即可。但实际上据我本人亲测好像是没有用的（反正我试过不行T T），于是乎便产生了这篇文章。本文基于 vue 2.x 来进行配置。
按照微信小程序官方文档的说明，小程序的更新机制主要分为未启动时更新和启动时更新两种模式。启动时更新会在小程序冷启动时异步检查是否有新版本，如果有新版本，会下载下来，等下次冷启动时候使用新版本代码进行启动；而未启动时更新会有定时检查器对最近7天内使用过的小程序进行定时检查是否有新版本，每6小时一次，如果有新版本就会预下载，下次冷启动时候可以直接使用最新的版本。
每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息。
一、前言 B/S模式的特点之一，客户端版本升级相对简单、快捷，适合产品的快速迭代。而ActiveX组件的自动更新同样也继承了这一优点。下面我
安装第三方库 root-check ， 要指定版本，不然 2.0 是用 es module 写的，会报错。
错误提示：npm resource busy or locked..... 可以先清除再重新安装：
npm 的版本号为 semver 规范，由 [major, minor, patch] 三部分组成，其中
目前很多的项目都已经使用 Git 作为版本控制工具，使用 Git 意味着我们每天都要与 Git Commit Message 打交道。Git Commit Message 看似简单，但实际却很重要。通过 Git Commit Message 我们可以快速地了解本次提交的信息，比如解决了哪个 Bug、优化了什么问题或新增了什么功能等。
nvm（Node Version Manager）是一个用于管理Node.js版本的工具。
这一期阅读的是 Vue3 源码中的 script/release.js 代码，也就是 Vue.js 的发布流程。在上一期源码阅读中从 .github/contributing.md[1] 了解到 Vue.js 采用的是 monorepo 的方式进行代码的管理。
package-lock.json: 在 npm install时生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号，模块下载地址。
本文是基于Vite+AntDesignVue打造业务组件库[2]专栏第 10 篇文章【在 monorepo 中怎么组织和优化研发流程？】，前面几篇都在说函数库开发的相关内容，所以本文接着围绕这块说，主要是把研发流程梳理清楚，方便后续更多内容的铺开。
在开发大型项目时, 我们通常会遇到同一工程依赖不同组件包, 同时不同的组件包之间还会相互依赖的问题, 那么如何管理组织这些依赖包就是一个迫在眉睫的问题.
npm（Node Package Manager）是Node.js生态系统中的默认包管理器，它提供了一系列的命令行工具，使得开发者能够方便地进行包的管理操作。这些操作包括但不限于下载、安装、升级、删除包，以及发布和维护自己的包。
---- 方案来源于团队分享后的总结实现,文中代码并未在实际产品中是使用,仅供参考。 背景 由于在spa模式的应用中页面的内容变化不再引起整个页面的重新加载,故需要解决在spa模式的应用中网页在使用的过程中服务器已更新的资源不能被及时的获取的问题。 解决思路 标记版本: 在vue.config.js中每次编译生成一个版本号 使用html-webpack-plugin插件将版本号插入到index.html的mate标签 在webpack编译结束生成附带版本号的version.json文件放置到服
package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动帮我们自动初始化好 package.json。
敏捷模式下迭代频繁，回归测试时总是不知道变动的范围。Devlop 有的时候也不知道他改了哪些东西，影响到哪些节点，或者是很多人改的，彼此不知道。遇到有代码洁癖的，改了别人的代码，大家都不知道。通常情况是，要么测试范围定小了，遗漏了；要么测试范围过大，付出过多代价。每次回归，测试心里总没底，生怕漏了哪里。如何才能准确定位到变更范围呢？
很久没写过valine的东西了（一些小改动就懒得写直接记日记里里）不过最近也是淘了个14年中的顶配2.8ghz定制款mbp（有logo灯，便宜），所以借性来把valine评论的客户端显示完善一下，主要针对macos系统用户新增了系统版本号高于10.12.6(macOS Sierra)客户端的代理判断，低于该系统版本号的就不输出了（也可以把其他版本号加到对象），具体样式如下图所示
https://www.npmjs.com/package/mid-index-of
在软件管理的领域里存在着被称作“依赖地狱”的死亡之谷，系统规模越大，加入的套件越多，你就越有可能在未来的某一天发现自己已深陷绝望之中。
敏捷模式下迭代频繁，回归测试时总是不知道变动的范围。Devlop 有的时候也不知道他改了哪些东西，影响到哪些节点，或者是很多人改的，彼此不知道。
去node.js官网下载版本到本地，我下载到 E:\node.js\，下载完之后会有这么多文件
hello 大家好，🙎🏻♀️🙋🏻♀️🙆🏻♀️ 我是一个热爱知识传递，正在学习写作的作者，ClyingDeng 凳凳！ 今天我要给大家带来webpack-cli的原理浅析和它的自定义命令行工具💞💞💞 事情是这样的，最近在看webpack相关教程，然后发现教程中讲webpack-cli中使用yargs模块解析命令出于好奇，我就当场拉了webpack-cli的代码，发现使用命令解析的并不是yargs而是commander啊！😥😥😥 我是下了个假的cli嘛？🤔🤔🤔 这是不可能的，顶多是版本的问题！🤣🤣
Node.js[1]是一个基于 Chrome V8[2] 引擎的 JavaScript 运行时环境。在我们日常开发中，Node.js 使用场景越来越多，大到服务端项目，小到开发工具脚本，所以掌握 Node.js 一些基础知识是非常有必要的。
前言 前几天有个人跟我反馈说，她fork了我右键菜单那个开源项目，一直无法打包成功。我寻思着应该不可能吧，当我尝试打包时，果然翻车了🤡。 经过了一番调试后，终于找到了问题所在，本文就跟大家分享下这个问题从发现到解决的整个过程，欢迎各位感兴趣的开发者阅读本文。 排查问题 因为我电脑重装过几次系统，一些放在github上的项目我就没有备份，我把项目（https://github.com/likaia/vue-right-click-menu-next/）重新clone到本地，安装依赖项后运行了build命令，意
今天来看看前端的大管家 package.json 文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建议先收藏在学习！
npm源在国外，对于国内的开发人员来说，下载包的速度经常很慢，而且npm还经常挂。
##更新配置 打包配置在src-tauri/tauri.conf.json 修改打包命令
从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。
在进行软件开发过程中，我们通常会使用包管理工具来管理项目依赖的软件包。包管理工具允许我们指定所需软件包的版本范围，以满足项目的需求。然而，有时候当我们指定的软件包版本范围过严格时，可能会出现一个错误信息："To fix this you could try to: 1. loosen the range of package versions you've specified"。这个错误信息意味着我们需要放宽对软件包版本的限制。本篇文章将介绍如何解决这个错误。
每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。
在一个项目内，当有多个开发者一起协作开发时，或者功能越来越多、项目越来越庞大时，保证项目井然有序的进行是相当重要的。一般会从下面几点来考证一个项目是否管理得很好：
单一职责的组件的好处很明显，可以最大可能性地复用组件，但是这也带来一个问题 , 过度单一也可能会导致过度抽象,造成组件库的碎片化；比如在实现小红点，小红点基本上是结合文字和图片展示，如果我们单独把小红点提出来，会导致过于碎片化。
如果已安装Visual Studio Code，打开命令行工具，输入code --version命令，检查版本号是否为1.45.1及以上版本；可以正常返回版本号，说明环境变量设置也正确。
package.json 位于模块的目录下，用于定义包的属性。接下来让我们来看下 express 包的 package.json 文件，位于 node_modules/express/package.json 内容：
在项目路径下使用 npm init初始化之后，将下面需要安装的依赖复制到package.json文件中
package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，项目执行入口文件，项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。
任何一个项目的构建离不开工具和统一的管理标准，在项目开发和维护过程中，我们需要了解安装包的相应工具和配置文件，以此来有效的进行项目的迭代和版本的更新，为项目提供基本的运行环境。
另外：后面会再总结一个系列，就是腾讯项目用到的技术点，有好多好多，可以供大家学习参考，让我们一起进步
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
