开发工具

IDE： cursor、VSCode、Zed、WebStrom

Project Graph https://project-graph.top/zh_CN/guide/getting-started

翻译插件 / it / https://immersivetranslate.com/

ResponsivelyApp ｜不同尺寸分辨率｜https://github.com/responsively-org/responsively-app

MongoDB Compass

Antares SQL https://antares-sql.app/

sqlite browser | https://github.com/sqlitebrowser/sqlitebrowser

Redis Desktop | Redis | https://gitee.com/qishibo/AnotherRedisDesktopManager

vscode 插件

peacock / 不同窗口不同颜色

live preview / 实时预览

Pretty TypeScript Errors / 美化 TS Error

Tailwind CSS IntelliSense / Tailwind

vscode 目录折叠

.vscode/settings.json

{
  "explorer.fileNesting.enabled": true,
  "explorer.fileNesting.patterns": {
    "tsconfig.json": "tsconfig.*.json, env.d.ts",
    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .prettier*, prettier*, .editorconfig",
    ".env.development": ".env.*"
  }
}

CodeSnap

截图

i18n

i18n Ally

自定义 代码片段

https://juejin.cn/post/7067197872776675358

"Print to console": {
		"prefix": "sfc",
		"body": [
			"<template><div></div></template>",
			"<script setup lang=\"ts\">",
			"import { reactive,computed } from 'vue'",
			"",
			"// const props = defineProps()",
			"// const emits = defineEmits()",
			"const state = reactive({})",
			"",
			"</script>",
			"",
			"<style scoped></style>"
		],
		"description": "tsx and vue hook template"
	}

zed

安装插件

cmd-shift-x (macOS)

ctrl-shift-x (Linux)