程序員的四種實(shí)用工具
1、生成 RegEx
RegexGPT 是編寫 RegEx 模式的絕佳工具。它真的令人難以置信。試一試,你就知道了。它的工作原理是:給它一個(gè)示例文本,輸入預(yù)期結(jié)果,你也可以稍微解釋一下,這取決于你,然后選擇要生成 RegEx 的語(yǔ)言,點(diǎn)擊生成按鈕。
地址:https://regexgpt.app/
下面舉例說(shuō)明如何使用它:
輸出
2、生成調(diào)色板 - ColPat
地址:https://colpat.itsvg.in/tpg?col1=%23752ed0&col2=%2366d9b8&col3=%23333333&col4=%230b8457&col5=%23d9a8ff。
TailwindCSS 正在流行,對(duì)嗎?這里還有一個(gè)神奇的工具。它可以幫助創(chuàng)建 TailwindCSS 調(diào)色板。眾所周知,為一個(gè)項(xiàng)目選擇配色方案并不那么簡(jiǎn)單。對(duì)其他人來(lái)說(shuō),這可能不是什么大事,但對(duì)我來(lái)說(shuō),這就是大事??。
只需選擇顏色,然后點(diǎn)擊 "生成 "即可。它將創(chuàng)建一個(gè) TailwindCSS 調(diào)色板,你只需點(diǎn)擊一下即可復(fù)制。十六進(jìn)制、RGB和HSL是你可以選擇的三個(gè)選項(xiàng)。你可以從色輪中選擇,也可以輸入你自己的顏色。
請(qǐng)看下面的截圖:
以下是上述調(diào)色板的示例:
{
"primary": {
"50": "#f9f7fd",
"100": "#f1eafa",
"200": "#e3d5f6",
"300": "#cdb4ee",
"400": "#9b68de",
"500": "#6b2ac0",
"600": "#4d1e8a",
"700": "#381664",
"800": "#210d3b",
"900": "#10061d",
"950": "#090411"
},
"secondary": {
"50": "#f7fdfb",
"100": "#ebfaf6",
"200": "#d6f5ec",
"300": "#b6eddd",
"400": "#6cdabb",
"500": "#2fbc94",
"600": "#22876a",
"700": "#18624d",
"800": "#0e392d",
"900": "#071d16",
"950": "#04100d"
},
"tertiary": {
"50": "#fafafa",
"100": "#f2f2f2",
"200": "#e6e6e6",
"300": "#d1d1d1",
"400": "#a3a3a3",
"500": "#757575",
"600": "#545454",
"700": "#3d3d3d",
"800": "#242424",
"900": "#121212",
"950": "#0a0a0a"
},
"quaternary": {
"50": "#f6fefb",
"100": "#e7fdf5",
"200": "#d0fbeb",
"300": "#aaf8dc",
"400": "#55f1b8",
"500": "#12d990",
"600": "#0d9c67",
"700": "#09714b",
"800": "#05422c",
"900": "#032116",
"950": "#02130d"
},
"quinary": {
"50": "#fbf5ff",
"100": "#f4e5ff",
"200": "#e9ccff",
"300": "#d7a3ff",
"400": "#af47ff",
"500": "#8500eb",
"600": "#5f00a8",
"700": "#45007a",
"800": "#280047",
"900": "#140024",
"950": "#0c0014"
}
}
3、了解代碼庫(kù) - bloop.ai
Bloop 是一個(gè)基于 Rust 的快速代碼搜索引擎。它允許快速搜索代碼,并使代碼更易于理解。他們有三種計(jì)劃:個(gè)人(免費(fèi))、初創(chuàng)企業(yè)(45 美元)和企業(yè)(美元)。
可以用它來(lái)編制代碼索引、詢問有關(guān)代碼庫(kù)的一般問題等。它讓創(chuàng)建版本庫(kù)的 README 文件變得簡(jiǎn)單?,F(xiàn)在,你可以為前段時(shí)間創(chuàng)建的、但不記得具體內(nèi)容的項(xiàng)目生成一個(gè)自述文件。
地址:https://bloop.ai/
4、查找詳細(xì)的編碼答案 - phind.com
如果你是一名程序員,phind 就是你的助手。它能幫助你解決遇到的難題。
地址:https://www.phind.com/agent?cache=clkuvmsnh004ljx08522bfbf3
讓我們?cè)囋囘@個(gè)提示,看看它的反應(yīng)如何:
"我想使用 Next.js 創(chuàng)建一個(gè)網(wǎng)站,我需要知道如何在網(wǎng)站上添加多個(gè)頁(yè)面,同時(shí)確保頁(yè)眉和頁(yè)腳在所有頁(yè)面上一致顯示。你能指導(dǎo)我完成這些步驟嗎?
以下是回復(fù)的一些截圖:
總結(jié)
事實(shí)證明,我最近剛接觸到的這四個(gè)工具非常有用。希望你們也能從中受益。