Bun 是一款新的 JavaScript 运行时环境，与 Node.js 有一些明显的不同和优势。以下是一篇简单的 Bun 上手教程，包含了 Bun 和 Node.js 的比较、Bun 的优势、使用方法以及如何在现有的 Node.js 项目中替换为 Bun。一、Bun 和 Node.js 的比较1. 性能Bun 在性能上相较于 Node.js 有显著提升。这得益于其底层的优化和更高效的垃圾回收机制。在某些基准测试中，Bun 的性能甚至超过了 Node.js。2. 体积Bun 的可执行文件体积非常小，这使得它在部署和分发时更加便捷。相比之下，Node.js 的安装体积较大。3. API 和兼容性Bun 的 API 与 Node.js 非常相似，因此大多数 Node.js 代码在 Bun 上可以无需修改地运行。但需要注意的是，由于 Bun 的版本较新，可能还未完全支持 Node.js 的所有特性。二、Bun 的优势1. 简化开发体验Bun 提供了更简洁的开发体验，无需配置复杂的构建工具或打包器。你可以直接运行 .bun 文件，就像运行普通的 JavaScript 文件一样。2. 内置包管理
在 Vue 中使用 TypeScript 的入门教程TypeScript 是 JavaScript 的一个超集，它为开发者提供了更强的类型检查、代码提示以及更好的可维护性。在 Vue 应用程序中使用 TypeScript 可以帮助我们更好地理解和管理代码库。本文将介绍如何在 Vue 项目中使用 TypeScript。安装 TypeScript首先，确保你已经安装了 Node.js 环境。然后，在终端运行以下命令来全局安装 TypeScript：npm install -g typescript创建 Vue 项目使用 Vue CLI 可以方便地创建一个默认配置的 Vue 项目，其中包含了一些常用插件和工具。如果你还没有安装 Vue CLI，可以通过以下命令安装：npm install -g @vue/cli使用 Vue CLI 创建 Vue 项目非常简单，只需运行以下命令并根据提示回答即可：vue create my-project配置 TypeScript创建完项目之后，我们需要对项目进行一些配置才能够开始使用 TypeScript。打开 tsconfig.json 文件，配置如下：{
问题原因使用了 Vite 添加了别名 ，但是TS没有对应的路径，tsconfig.json和vite.config.ts需要相互设置好解决方法vite.config.ts{ resolve: { alias: { "@": path.join(__dirname, "./src"), // 这里定义了别名 @ 相当于 ./src }, }, }tsconfig.json{ "extends": "@tsconfig/svelte/tsconfig.json", "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "module": "ESNext", &quo
问题原因使用了 "allowJs": true 这一项解决方法将 "outDir" 这一项指向打包的文件夹 例如 "outDir": "./dist" // Vite框架的默认打包文件夹为dist
报错内容Flag 'importsNotUsedAsValues' is deprecated and will stop functioning in TypeScript 5.5. Specify 'ignoreDeprecations: "5.0"' to silence this error. Use 'verbatimModuleSyntax' instead.ts可以通过在项目中添加以下命令来隐藏此警告：tsconfig.json{ "compilerOptions": { "ignoreDeprecations": "5.0", .... } }
Gonwe
心同流水净，身与白云轻
