vue + vite 项目配置 monaco-editor
Monaco Editor 是 VS Code 的核心代码编辑器，功能强大且高度可定制。但是官方文档真的写的稀碎，很难找到有用信息。
本文根据自身实践（来回采坑），总结一下 vue + vite 项目下，如何裴配置 monaco-editor
-
2025-01-16
JavaScript
34
-
手把手教你搭建 Hexo 博客
Hexo 是一个基于 Node.js 的静态博客框架，以其快速、简洁和高效著称。它支持 Markdown 语法，拥有丰富的主题和插件，非常适合开发者快速搭建个人博客。本文将介绍如何从零开始搭建 Hexo 博客，及相关的配置。 -
如何安装 redis
在 Ubuntu 上安装 Redis 非常简单。以下是详细的安装步骤： 安装、启动、检查、开机自启动、设置密码，卸载等 -
E11000 duplicate key error collection 解决
最近在使用 moongose 的过程中遇到一个报错 E11000 duplicate key error collection: fe.appversions index: name\_1 dup key: { name: 经过查询之后，发现是我把name设置为索引了，不能有重复值 -
lenis 滚动到底部卡顿问题修复
**Lenis** 是一个轻量级的 JavaScript 平滑滚动库，由 **Studio Freight** 开发，旨在提供比浏览器原生滚动更流畅、更优雅的用户体验。它通过自定义滚动动画，提升页面滚动的视觉效果，同时提供灵活的 API 便于开发者实现自定义功能。 但是，最近在使用 **Lenis** 过程中发现，从上向下滚动到底部，很难往上滚，要滚好久才动，总感觉卡顿，像是个 bug。 -
Mongoose 中 insertOne 和 create 的区别
本文来简单探究一下 Mongoose 中 insertOne 和 create 的区别 -
vue 项目 webpack 打包配置
了解完单个webpack的配置之后，我们来总结一下，一个 vue 项目需要的webpack配置的通用方案 本文从零开始，搭建一个 vue 项目，再给出对应的webpack配置。项目使用 vue3 + ts + less。 项目所有配置使用 webpack5，webpack 4 不分配置不支持。 -
如何安装 mongodb
数据库可以保证数据持久化存储，这里介绍 mongodb 如何安装，以及数据备份与恢复 -
免费 CDN
内容分发网络（Content Delivery Network或Content Distribution Network，简称CDN）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。 对象存储 + CND 将能把资源访问速度提高到非常高的速度。这两种能力都有而且小流量免费，这就必须推荐又拍云了。 -
webpack 压缩文件
文件压缩可以减少网络传输，提高网站加载速度。这里讲一下 webpack 处理我们常用的 html css js 三种资源的压缩方案 -
nginx 配置
Nginx 是一种反向代理服务器 反向代理是，在客户端向服务器发送请求时，代理服务器从一组或多组后端服务器中获取资源并返回给客户端，客户端只知道反向代理的IP地址，不知道代理服务器后面的服务器簇的存在。与前向代理不同，反向代理是作为服务器端的代理，而不是作为客户端的代理 -
PM2 持久化服务
刚才通过命令创建的服务，在退出终端之后就停止运行了 要想持久化运行，就需要一个守护进程，保证服务一直运行 这里推荐使用 pm2 -
如何安装 Nodejs
本文主要讲快速安装一个nodejs，提供node运行环境 -
购买域名
有了服务器之后，搭建的服务只能使用 ip 访问，要想网站容易记忆，还是得买个域名，服务器ip可以变，但是域名不会变。本文将详细介绍如何选购域名 -
如何选购服务器
想当年为了白嫖新人优惠，换了不知到多少个账号，网站也迁移了很多次。现在 阿里云出了个 `99活动`，每年 99，新老客户都可以买，可以续费到26年。这个必须入手，终于不用找小号了 -
从零搭建网站-引言
现在找工作越来越卷，全栈的呼声也水涨船高。本文手把手教大家搭建一个全栈博客，让大家了解全栈开发。同时，自建博客也能也是简历上的一个亮点。 -
You must pass a scope and parentPath
最近在利用 babel 分析代码过程中，遇到一个编译错误 You must pass a scope and parentPath unless traversing a Program/File，相关的解决方案 -
webpack 构建产物优化（一）
前端性能优化这个话题已经老生常谈了，网上一搜一大把，但是很多都比较虚，没有多少可行性，比如优化网络，减少页面结构等等。大话都会说，实际优化起来，却没有可以立足的点。本文就以 webpack 构建入手，分析影响性能的关键因素，提供检测方法，给到合理、可实施的优化方案。 -
NPM 安装同一包的多个版本问题及解决方案
在使用 NPM 管理项目时，可能会发现一个包被安装了多个版本。这种现象不仅会增加项目体积，还可能引发兼容性问题。本文将介绍其原因，并提供有效的解决方案。 -
Webpack 打包可视化分析工具
Webpack 是一个流行的前端模块打包工具，它可以帮助开发者将多个模块及其依赖项打包成一个或多个 bundle。然而，在大型项目中，随着代码量的增加，webpack 打包过程可能会变得复杂且难以理解。为了解决这一问题，一些可视化分析工具应运而生，这些工具能够帮助开发者更直观地查看和优化 webpack 的打包结果。
