wurencaidelli (无人睬的鲤！)

CODESS 代码片段工具，自定义您的 vscode 代码片段。

wurencaidelli — Thu, 29 Aug 2024 12:06:46 +0800

CODESS 代码片段工具

官网 CODESS，在线工具，文档

codess 是一个管理 vscode 代码片段提示的一个 npm 包，codess 可以安装网站上的公共包，也可以安装本地自定义的包，codess 安装的包是片段包，是一个代码片段的集合，里面有很多自定义的代码片段。

您如果不了解什么是 vscode 代码片段提示的话请看下一章，您如果不了解 codess 的工作原理的话，请看另一章节。

您只需要几步就能使用 codess 了

1：第一步，安装 codess

您得确定您已经安装过 node.js

npm install --global codess

2：第二步，使用 codess 安装一个代码包

这里我们安装一个叫做 codess-example 的包，版本是 1.0.0，注意：因为代码片段需要基于一个 node 项目，所以您可以随意建一个 node 项目试试。没有版本号的话安装默认版本。

codess install codess-example@1.0.0

3：第三步，随意打开项目中得一个 js 文件，并在其中输入:for

现在您的 vscode 已经可以很智能的根据触发词筛选出您想要的代码片段了。如果您不想打开 vscode，您可以使用片段包预览来模拟 vsoode 输入触发词会有什么片段提示。

codess 结构化的管理您的代码片段，方便快捷。

一些常用的用法

除了安装，您还可以初始化，卸载，安装本地包。

初始化

codess init

卸载包

codess uninstall codess-example@1.0.0

打包

直接根据配置文件打包为 .code-snippets vscode 配置文件。其中有远程包的会重新下载。

codess build

清除已生成的 vscode 代码片段配置

清除当前项目下已生成的 vscode 代码片段配置 ./vscode/*.codess.code-snippets

codess clear-snippets

codess 配置文件

codess 配置文件是项目根目录下的 codess.config.json 文件。

{
    // 依赖的代码片段包列表
    "dependent": [],
    // 包安装记录，主要记录已安装包的信息
    "installRecord": {},
    // codess 官方文档
    "document": "https://codess.dumogu.top/doc"
}

示例：

{
    "dependent": [
        {
            // 包名
            "package": "vue",
            // 包触发词
            "prefix": "v",
        },
        {
          "package": "file:snippets",// 一个本地片段包 ./snippets/
          "prefix": "my"
        }
    ],
    "installRecord": {
      "vue": {
          "home": "",
          "description": "",
          "version": "3",
          "iterationNumber": "1"
        }
    },
    "document": "https://codess.dumogu.top/doc"
}

🚀vscode 片段提示也被我们玩出花了，和兄弟一起开发的第一个工具。

wurencaidelli — Fri, 16 Aug 2024 09:35:22 +0800

您只需要输入一个您定义的简写字母就能导入您提前设置好的代码片段。也不用简写，vscode 也能智能的给您推荐。

CODESS

https://codess.dumogu.top/

一个结构化的 vscode 代码片段管理器，通过本地包 (本地某个文件夹) 或官网的远程包 (代码片段集合) 生成本地项目的 vscode 代码片段配置。

不使用 vscode 的话也能在命令行中通过某个触发词搜索某个代码片段。

什么是 vscode 代码片段

在 Visual Studio Code (VSCode) 中，代码片段（ Code Snippets ）是一种提高编码效率的功能，它们是预定义的代码模板，可以通过对应的触发词快速插入到编辑器中。使用代码片段可以减少重复性编码工作，提高开发速度，并帮助维护代码一致性。比如：

让我们来试一下，首先您得有一个 node 的项目，并且安装`codess`

npm install --global codess

codess 是一个 npm 包，为什么不用插件呢，我们觉得包能更好更方便的项目化区分。

接着安装一个远程包，我们这里安装一个用作测试的包

codess install codess-example@1.0.0

远程包就是提示词包，安装一个包就能体验到包里的提示词了。

在安装之前，您可以测试一下包中的代码片段，看是否适合自己，如果不适合，您可以自己编写自己的包，如果您不想使用我们的网站，您也可以编写本地包。 codess-example@1.0.0 包详情 codess-example@1.0.0 包预览

安装了包后您就可以在 vscode 输入字符来测试了，输入 for ，就会提示你使用 for 相关的代码片段，帮助您提高开发速度。可能 for 只是一个很简单的提示词，不用安装包 vscode 也能提示，但这只是一个很简单的例子，您能按照自己的开发习惯定义提示词。

注意，提示词是有作用域限制的，如果您的提示词作用域是 javascript ，那么它就只能在编写 javascript 中起作用。

您还可以安装本地包，这样您就可以创建只有本地才能使用的包了，您也可以创建一个账户添加远程包，具体见文档中的方法，或者在网站中探索。文档官网

第一次和兄弟一起做的工具，文档和交互方面也许不是那么易读流畅，我们会慢慢进步的。

目前做的产品上线的有 4 个了，但是还是不知道有什么变现的渠道。

wurencaidelli — Sat, 24 Feb 2024 16:13:38 +0800

毒蘑菇 - 搜索 https://s.dumogu.top/

毒蘑菇 - 变量 https://var.dumogu.top/

毒蘑菇 - 配色 https://color.dumogu.top/

毒蘑菇 - 管理 https://admin.dumogu.top/

找不到任何可以赚钱的渠道，个人开发者可真难哇，服务器这些都花了好几千了，靠做网站一分钱都没赚到，真的是一分钱没赚到。自从毕业做开发以来，就帮人做毕业设计赚了 500 快，其他的就一分额外的收入都莫得咯，难呐！！

大屏项目的搭建心得，使用 img 的填充模式来实现大屏自适应。

wurencaidelli — Thu, 30 Nov 2023 14:47:59 +0800

借鉴了图片的两种填充模式

cover 和 contain

文档介绍 https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit

contain: 被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。整个对象在填充盒子的同时保留其长宽比。

cover: 被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。

这两种方式结合 css transform 属性可以实现交互少的大屏完美展现，可以说能做到和设计图 99% 吻合。

cover 例子：https://admin.dumogu.top/big-screen/show_1?fit=cover

contain 例子：https://admin.dumogu.top/big-screen/show_1?fit=contain

如果有交互性的大屏的话使用 transform 缩放会有一些事件偏差的问题，所以得配合 rem 来实现。

cover 例子：https://admin.dumogu.top/big-screen/show_4?fit=cover

contain 例子：https://admin.dumogu.top/big-screen/show_4?fit=contain

肝了一个很基础的后台管理模板，vue3 + element-plus。

wurencaidelli — Wed, 01 Nov 2023 11:46:49 +0800

写后台管理的项目写了很多个了，虽说用的别人的模板，自己专注于自己的业务，保证自己的业务不出错就行了，但是自定义配置又不好去配置，大家用的模板都差不多，用模板自带的业务功能呢后台又得是模板自带的，或者要兼容模板的数据格式，我就想要一个架子模板，其他业务都是我自己来，那么就是这个毒蘑菇 - 管理啦

毒蘑菇后台管理，最基础的后台模板

开源地址 https://github.com/wurencaideli/dumogu-admin

线上 DEMO https://admin.dumogu.top/

吐槽地址 https://txc.qq.com/products/613546

包含后端服务，前端。前端采用 vue3，vite，element-plus，axios，pinia，storages-js，各种小工具库啥的，不采用 ts。后端部分还没开始搭建。

dumogu-admin，制作最简易的管理端架子，没有什么弯弯绕绕的结构设计，没有什么奇奇怪怪的全局挂载，复制一个文件到其他项目还要考虑到全局有什么文件需要去复制，我直接该文件引用了什么就去复制什么，多直接呀。很多功能都是手动调用的形式。

代码风格都是使用 4 个空格换行，除了方法结尾，都用分号，不使用什么 vue 的复杂指令，一切尽量以手动调用为主，我调用什么就有什么效果，不要什么自动啥的啥的，反正怎么合理怎么来。

基本上一个模块对应的文件夹下都有 README.md 文件，表示这个文件夹的作用。

web 端部分截图

重写过后的毒蘑菇搜索，让俺更放心了

wurencaidelli — Mon, 24 Apr 2023 14:48:48 +0800

之前的毒蘑菇搜索接口是用的 python 的 fastapi 搭建的，刚开始这个没多少人用，文档又少，有些接口设计就跟曲线救国似的，网站用着自己都不敢用了，生怕呢点错了就崩了。其实网站运行了几年了接口也没啥报错，就是有那种程序员的思想在作怪，而且是自己写的就有点说不出来的感觉，只要没在自己掌握之中的总感觉会出问题。现在就不会了，后台改用 node.js 的 Express 编写，就几个简单的接口，2 张表，极简，接口设计的也规范的多了。一切尽在掌握

网站地址 https://s.dumogu.top/ 登录注册地址 https://s.dumogu.top/visitor/login

大家可以注册着玩儿，我没事就注册一个玩儿，反正弄不坏，哈哈🥰🥰，每当想想就开心，耐操

网站偏管理风格，做的太花哨了当时看着好看，可是不耐看，所以还是现在这种风格耐看呐

后端 node，前端 vue3，刚好学习一把，以后的网站都可以用这一套了，至少很久不会过时了，然后前端页面的响应优化，目前用的是打包到阿里云 OSS 上，算是刷新响应比较快的了。功能少，又需要 SEO 的网站就用 node 加模板引擎后端渲染，这样做小网站的一套算是都上手过了，又卷到了🤪🤪，目前博客和主站都采用这种方式 https://www.dumogu.top/https://blog.dumogu.top/，

今年的第一个工具项目，前端变量管理，还挺新鲜的😃😃

wurencaidelli — Sun, 22 Jan 2023 14:14:42 +0800

毒蘑菇 - 变量

官网

网站只有 3 个功能

变量添加
变量修改
变量搜索，方便查找出自己添加的变量好修改。

添加后网站下方会生成使用链接，有 js，json 的，如果不放心使用 js 那么直接使用 json 解析里面的数据就行了，执行权在您手里。

变量添加后可以在网站里引用就行了，引用的方式由您决定，用添加头部标签的方式和直接 get 请求解析数据，在本网站修改后文件会相应的发生变化，这样就不用改个小变量就重新打包部署了。

不用担心速度的问题，你们网站的 js 加载速度并不见得有我们网站的 cdn 快，并且 script 标签下载资源是异步的，执行才是同步的，并没多大影响。

多种使用场景，前提是您网站使用了该变量

您有多个网站，当为了祭奠某个您敬重的人时需要网站黑白显示，那么您需要改多处代码然后部署，而现在您只需要在我们网站修改一次就大公告成了。

我公司需要使用地图，需要定义几个地图的 key，key 变了就需要重新部署，也可以后端提供一个接口，我觉得没必要，有人可能会觉得这样不安全，这样 key 不就暴露了吗，我想说的是前端没有绝对的安全，key 只要在前端就会被找出来，存到我们网站 js 里和您自己的 js 里完全没区别。

修改 css 主题。

不一定是在线网站，您写的 html 本地页面也可以使用，比如说您给家人写了个导航级别的小网站好让家人方便浏览网页，您去上班了却又觉得页面需要改一下，使用本网站吧，让你不用服务器也能修改本地网页。

还有很多使用场景，现在还没想出来，友情链接呀，网站备案地址呀，啥的啥的都可以。

又做了一个小站，毒蘑菇搜索，提高工作效率呀！

wurencaidelli — Tue, 26 Jan 2021 16:55:43 +0800

本来一直用的是站搜搜极简版，但总给我的感觉是不够极简，我想的是功能越少越好，好用就行。于是就想着自己做一个。

经过 2 周多的时间，利用闲暇时间，周六周日加班加点的写代码，毒蘑菇搜索终于新鲜出炉了，跟站搜搜一样可以根据网站名搜索网站并且一键直达，相当方便呐！

其他的很多搜索主页搜索的是网站的话还会跳转到介绍页，或者在跳转到百度搜索，反正不能一步直达，感觉影响效率。

毒蘑菇搜索操作说明

利用上班摸鱼的时间，把自己的小博客建起来了，记录日常生活哈哈

wurencaidelli — Thu, 24 Dec 2020 10:09:45 +0800

最近想写博客了，就做了个小博客，用作日常记录。

超级简单的小博客哟，当以后再回过头来看时，应该很 NICE

一篇文字小博客

毒蘑菇配色新增了一个小功能，根据图片取色，超好用呀

wurencaidelli — Mon, 02 Nov 2020 16:09:33 +0800

选择本地图片进行取色，自动提取出该图片主题色，以及 4 个配色，配色可以保存到本地下次使用，很是方便呐，上下左右键盘可以选择取色位置，因为用鼠标选择具体像素不是太好操作所以才加的

地址 https://color.dumogu.top/taking

利用空闲时间做了个前端配色的小站，很方便

wurencaidelli — Sat, 26 Sep 2020 11:36:55 +0800

借鉴了一些网站，找了一点数据，几天就做好了，是简单了点，好用就行啦

附上地址 https://color.dumogu.top/color/4187

希望大家能提点建议啥的

一篇文字更新了一下，它会成为一个很有趣的网站的！

wurencaidelli — Thu, 16 Jan 2020 13:02:32 +0800

一篇文字，也就是之前的神评论，现在更新咯！就是现在不只有神评论，还有毒鸡汤，名人言，短文啥的，可以用键盘操作，看起来很有趣的哟！

来一个截图

地址是https://www.dumogu.top/

一直在找工作，投了这么多的简历，通知去面试的就一两家，这可咋办呀！愁

话说这个找工作呀，是真的难，找了这么久了也没咋找到，转眼间又要过年了，顺便就更新了一下我的这个小破站，现在看起来还蛮好看的你别说，哈哈

作为一个刚毕业的小白程序员，趁着找工作的时候做的几个小东西

wurencaidelli — Thu, 05 Dec 2019 17:13:43 +0800

一个找不到工作的小白程序员的苦逼生活！

大概十月份左右吧，其实就相当于毕业了，学校放我们出去找实习，离校证明都批了，如果不是还住在学校的话那就是毕业了，投了几天的简历，都没公司看上我，连学校的校招我也投了几家，结果就一家叫我去面试了的，去了才知道其实就相当于销售，唉算了吧，慢慢找嘛，着啥急呀！

做了个玩具商店

我们学校是按做项目答辩来算成绩的，从上大学开始（大一完后知道了期末答辩很水后）以后的学期都是每天上课听歌打游戏，直到大二下册了，才突然意识到编程还挺有乐趣的，哎，开始认真学了（但是学校学的真的不多），然后很容易过了大二下册的期末答辩（啥都没学的也能过，很水），然后就是 10 月份左右的那个答辩（大学里的最后一次期末答辩，还有一个毕业答辩应该是明年），是做了一个卖玩具的 app 吧，本来觉得做的还是多漂亮的，结果老师给打了个 60 多分，伤心。

首页的趣淘

玩具的分类

其实还有挺多功能的（对我来说哈）

又做了一个烧脑 50 题

然后花了一天时间做了一个可以看逻辑思维题的小 app，叫烧脑 50 题，做的时候很简单，结果到发布应用的时候才知道什么叫恶心呐，真是难呐，好多商店都不支持个人开发者，但是还是上传了一个，是在酷安网上上传的https://www.coolapk.com/apk/

下载地址https://www.coolapk.com/apk/247649 ，下载一个再走呗，哈哈

然后又想做小网站

看了很多做的很漂亮的小网站，功能就一个的那种，于是又花了一点时间做了一个小网站，叫做神评论https://dumogu.top/

域名改了，.com 的那个域名快过期了，也没钱续了，百度上可能搜不到，我把它收录在站搜搜上了，直接输入神评论就可以访问了

https://www.zhansousou.com/user_nav/000004

然后又做了一个小程序，叫做很是烧脑

很是烧脑也是做逻辑思维题的，提升自己的逻辑思维能力嘛，我平时就喜欢看看逻辑思维题啥的，动动小脑袋也很有乐趣呀！小程序现在做的太丑了，以后再发出来吧

总结

听过一句话，“做自己喜欢的才叫做工作，其他的那叫做上班!” ，也不晓得在哪里看到的，感觉说的挺有道理的，但是班还是要上的嘛，要养家糊口嘛，要是哪天自己编程真能维持生活了的话，那应该就是我所向往的了！（扇自己一耳光，净想着做白日梦）

找到自己喜欢的工作很难，要坚持一直喜欢的话就更难。每一个独立开发者都要相信自己！

做的东西很垃圾但自己喜欢就好，文章写的不是很好，程序员中又入坑一位小伙伴咯，请大家多多支持

做了一个阅读神评论的小破站，快来看看吧！

wurencaidelli — Sat, 30 Nov 2019 15:05:15 +0800

可以通过键盘来显示下条神评，神评论是从各个平台上找的很有意思的评论，有的非常搞笑，有的也很伤感

支持一下呗！

神评论 https://seventhpeople.com/