electron 打包为 exe 可执行安装文件我们都知道使用 electron 时打包后会形成一个目录，目录中有很多文件 例如： 、 这样我们做完后就很不方便分享给别人，那如何把 electron打包后的代码打包为一个.exe 可执行文件呢？😵 这里我们采用 Inno Setup 把文件打包为一个可执行文件 首先在官网下载最新版本 Inno Setup 或者点击 这里 直接下载 🐷 然后下载对应系统版本 安装完成后新建项目然后删除代码替换如下 [Setup];生成的.exe名字#define AppName "测试测试";你需要执行的exe的名字#define buildAppName "app";这是app的名字AppName=AppNameAppVersion=1.1;每次安装打开目录DisableDirPage=no;输出的默认名字 默认安装目录（C:\Program Files (x86)\testapp）OutputBaseFilename=testapp2;打包到的文件夹目录OutputDir=D:\test-electron ...

pnpm（npm）安装 electron 失败解决办法安装electron老是报网络错误，提供一个方法亲测可用 pnpm config set electron_mirror "https://npm.taobao.org/mirrors/electron/" npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/" 然后 pnpm i electron -D 或 npm i electron -D 执行的时候在脚本中添加自定义命令 electron .即可

1、全局安装 uglify-jsnpm install -g uglify-js 也可以局部安装npm install --save-dev uglify-js 2、在终端执行合并压缩命令uglifyjs js/common.js js/example.js -o js/common.min.js 上面的命令表示把 common.js 和 example.js 合并成为 common.min.js。 这里面的路径请根据你项目的实际情况更改 一些常用的参数列表-o,--output 指定输出文件，默认情况下为命令行-b,--beautify 美化代码格式的参数-m,--mangle 改变变量名称（ex：在一些例如YUI Compressor压缩完的代码后你可以看到a,b,c,d,e,f之类的变量，加了-m参数，uglifyjs也可以做到，默认情况下，是不会改变变量名称的）-r,--reserved 保留的变量名称，不需要被-m参数改变变量名的-c,--compress OK，主角登场了，这是让uglifyjs进行代码压缩的参数。可以在-c后边添加一些 ...

1、全局安装 clean-cssnpm install -g clean-css 也可以局部安装npm install --save-dev clean-css 2、安装 clean-css-clinpm install -g clean-css-cli 3、在终端执行合并压缩命令cleancss -o css/app.all.min.css css/common.css css/index.css css/app.all.min.css — 表示你压缩后的目标路径及 css 文件名 css/common.css css/index.css — 这些都是你需要压缩合并的 css

就是理由新增的 api IntersectionObserver可以引入下方链接适配兼容 https://cdn.jsdelivr.net/npm/intersection-observer-polyfill@0.1.0/dist/IntersectionObserver.min.js 用法// elementArray：是需要监听的页面dom元素组，建议使用一个div包裹住需要监听的dom元素// callback: 是回调函数const monitorVisualArea = (elementArray, callback) => { try { // 创建JS交叉观察函数 const observer = new IntersectionObserver((mutaions) => { const interArr = mutaions.filter((item) => item.isIntersecting); // 创建IntersectionObserver对象 if (interA ...

安装 Tailwind CSSnpm install -D tailwindcss npx tailwindcss init 配置模板文件的路径执行完上述操作会在根目录生成一个配置文件 /** @type {import('tailwindcss').Config} */module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: {}, }, plugins: [],}; 将加载 Tailwind 的指令添加到你的 CSS 文件中./src/input.css @tailwind base;@tailwind components;@tailwind utilities; 开启 Tailwind CLI 构建流程运行命令行（CLI）工具扫描模板文件中的所有出现的 CSS 类（class）并编译 CSS 代码。 npx tailwi ...

至于为啥不用组件库的日期组件而费劲的自己去封装一个勒？说多了都是泪，由于公司 UI 和常用的组件库的样式和一些操作交互有些差别，试了一通发现都不能实现业务需求，干脆手撸一个吧！ 先来看看实现效果吧 话不多说直接上代码！ <template> <div class="date-picker relative" ref="date_picker"> <div class="input-date w-36 h-8 rounded overflow-hidden relative" :style="{ backgroundColor: '#2B2D3A' }" > <input type="text" class="border-none outline-none w-full h-full px-3" ...

要查看 npm 的镜像信息，你可以使用npm config get registry命令。这个命令会返回当前配置的 npm 镜像地址。 如果你想要切换 npm 的镜像源，有以下几种选择： npm config set registry <registry-url>：将 npm 的镜像源设置为指定的<registry-url>。 npm config delete registry：删除已设置的 npm 镜像源，恢复默认的官方源。 常见的 npm 镜像源包括： 官方源（https://registry.npmjs.org/） 淘宝 NPM 镜像源（https://registry.npm.taobao.org/） cnpmjs 镜像源（https://r.cnpmjs.org/） 使用合适的 npm 镜像源可以加快依赖包的下载速度，提高开发效率。

在 Windows 上生成 SSH 密钥可以通过以下简单步骤： 创建公钥（如果在 cmd 窗口不可执行，请下载 gitbash 执行） ssh-keygen -t rsa -C "youremail@example.com" 输入完毕后按回车，到底即可，此时 c 盘——用户——用户名——.ssh 文件夹 里面生成好了“idrsa”和“id_rsa.pub”文件（不一定是一样的位置，会有提示请以自己的目录为准_）。 将公钥添加到需要访问的服务器上的 authorized_keys 文件中。 使用私钥进行 SSH 连接。

启动项目就报这种错误 一、首先在 vuter 插件中 扩展设置中吧 template 勾选去掉(默认是勾选的)如下（示例） 然后重启 vscode 如果还是不行的话 下一步 "vueCompilerOptions": { "experimentalDisableTemplateSupport": true } 然后重启 vscode 就好了