跳至主要內容
50 天 50 个前端小项目

初衷

我太菜了，赶紧打基础吧。

不能真的用原生的写法来实现业务，逼自己用 vue3 + typescript 的新技术栈来复现，重做这些典型的小项目。

训练注意事项

  1. 大胆的抄代码。抄代码是学习最快的方式。
  2. 改成 vue3 的写法，慢慢拓展之前没学过的 css 和 javascript 知识点。
  3. 自己再针对性的写简单的 demo，刻意练习没接触过的知识点。
  4. 最后尝试去找现成的工具库，看看有没有现成的库可以优化开发过程，未来尽量学会搬库完成业务。
阮喵喵2025/1/19大约 1 分钟
algolia

目前我正在使用@vuepress/plugin-docsearch来为我的网站提供搜索功能。按照教程要求，我在algolia内申请并获取到相应的 indexName、appId 和 apiKey。

在vuepress2的docs/.vuepress/config.ts配置文件内，我是这样使用这些值的：

import { const defineUserConfig: (config: UserConfig) => UserConfigdefineUserConfig } from "vuepress";
import { const docsearchPlugin: ({ injectStyles, indexBase, locales, ...options }?: DocSearchPluginOptions) => PlugindocsearchPlugin } from "@vuepress/plugin-docsearch";

export default function defineUserConfig(config: UserConfig): UserConfigdefineUserConfig({
	plugins?: PluginConfig | undefined
Vuepress plugins
@default[]
plugins: [
		function docsearchPlugin({ injectStyles, indexBase, locales, ...options }?: DocSearchPluginOptions): PlugindocsearchPlugin({
			// indexName obtained from the mail
			indexName?: string | undefinedindexName: "ruan-cat",

			// appId obtained from the mail
			appId?: string | undefinedappId: "26AGWKLS5F",

			// apiKey obtained from the mail
			apiKey?: string | undefinedapiKey: "56468a67aa27242ac177690073ba0e15",

			// The apiKey is provided from the default crawler configuration, but I'm not sure if it should be used here.
			// apiKey: 'c0121d37470f12e725a3cf2b45dda7e7',
		}),
	],
});
阮喵喵2025/1/19大约 3 分钟