资源嵌套

将所有不常用的文件收纳到一个目录「非真实目录」嵌套下面。

.vscode/setting.json

// .vscode/setting.json
{
  "explorer.fileNesting.enabled": true,
  "explorer.fileNesting.patterns": {
    "vite.config.ts": ".*rc, .cursor*,*.ini, *.sh, *.json, *.config.js, index.html, README.md, .git*"
  }
}

优化import

移除未使用的import，以及自动排序import。

prettier 需要安装相关依赖：

yarn add @trivago/prettier-plugin-sort-imports -D
yarn add prettier-plugin-tailwindcss -D

.vscode/setting.json

.prettierrc

{
  "editor.codeActionsOnSave": {
    "source.organizeImports": "explicit",
    "source.fixAll.prettier": "explicit"
  }
}

snippets

commad + shift + p 打开命令面板，输入 snippets 创建全局 snippets。

.vscode/snippets.json

{
	"Console Log Akira": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "clo",
		"body": [
			"console.log('akira.${1}', ${1})"
		],
		"description": "Console log with 'akira.' prefix"
	},
	"Console Error Akira": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "cer",
		"body": [
			"console.error('akira.${1}', ${1})"
		],
		"description": "Console error with 'akira.' prefix"
	},
	"Console Warn Akira": {
		"scope": "javascript,typescript,javascriptreact,typescriptreact",
		"prefix": "cwn",
		"body": [
			"console.warn('akira.${1}', ${1})"
		],
		"description": "Console warn with 'akira.' prefix"
	}
}