您还可以 在此处 了解有关 Svelte的Typescript支持的 更多信息，它还描述了如何为现有项目手动进行设置
添加依赖
在 App.svelte 中引入
router.js
具体跳转可参照如下写法：
添加 tailwindcss 包并生成 tailwind.config.js 配置文件
Typescript 设置已经附带了svelte-preprocess，所以大多数设置已经为我们完成了，
但是我们仍然需要告诉它使用 postcss 和其他一些软件包。
创建一个 postcss.config.js 文件，注意这里的名称很重要，因为 postcss-load-config 将在寻找该文件。
目前为止，svelte稍微成熟点的ui应该就是这个了
1、EnjoyCSS
EnjoyCSS 是一款非常简单的工具，尤其对于不擅长使用CSS的前端开发者来讲。它为用户提供了简单的 UI，让用户可以设计元素，并提供对应的 CSS 输出。
2、Postman
在前端开发的过程中，Postman可以说是必备的开发工具之一。它能在后端检查端点，而且非常好用。它的出色表现让我把它放到了这里。它包含的端点包括 GET、POST、DELETE、OPTIONS 和 PUT 之类。可以称之为绝对不能错过的一款工具。
3、Bit.dev
软件开发的一项基本原则是代码可重用性。这可以减少你的开发工作，因为你无需从头开始构建每个组件。这正是 Bit.dev 所做的。它使你可以共享可重用的代码组件和代码片段，从而减少开销并加快开发流程。它还允许在团队之间共享组件，这使你的团队可以与其他团队更好地协作。
4、StackBlitz
这是所有用户都比较喜欢的在线 IDE 工具。究其原因主要是它将我们最喜欢和最常用的 IDE引入了 Web 端。这个工具允许你一键设置 Angular、React、Ionic、TypeScript、RxJS、Svelte 和其他 JavaScript 框架。一键设置这个功能意味着开发者可以在极短的时间内开始编码。有了StackBlitz，你只需不到几分钟的时间就可以试用新的 NPM 软件包，而无需从头开始在本地创建项目，这就是他的优势所在。
以上就是青藤小编关于Web前端开发工具的全部推荐，大家要是想提高自己的工作效率，现在就赶紧用起来吧!
高效的Web前端开发工具：
1、Prettier Playground
Prettier是一个代码格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow、TypeScript等。它可以移除你的原始格式，并且将其替换为遵循最佳运行方式的、标准的一致样式。如此便捷的工具在我们的编辑器中十分流行，与此同时它还有一个线上版本，可以在线完成对代码格式的修正。
2、EnjoyCSS
运用CSS，非常简单的工具就是遇到困难时的救星。EnjoyCSS可以让你通过简单的UI设计你的元素，并且提供相关的CSS输出。
3、StackBlitz
根据Chidume Nnamdi显示，StackBlitz是每名使用者都很喜欢的一款在线编辑工具。最重要的一点就是，它将IDE引入了web——Visual Studio Code中。只要在StackBlitz中点击一下，你就可以设置Angular、React、Ionic、TypeScript、RxJS、Svelte以及其他JavaScript框架。由于它的操作十分便捷，在打开StackBlitz后的五秒之内，你就可以开始编辑代码了。
StackBlitz十分好用，尤其在尝试简化代码片段或在线数据库方面，你可能没有时间从头开始创建新的项目，而只是尝试新的功能。而通过StackBlitz不需要创建新的项目就可以在短短几分钟内试用新的NPM软件包。
4、Postman
Postman就一直在我的开发人员工具集中。它在后端检查GET、POST、DELETE、OPTIONS和PUT在内的一系列端点这方面，起到了非常显著的作用。
5、CanIUse
CanlUse非常的简便，可以帮你弄清楚期望实现的功能，是否与你使用的浏览器兼容。很多开发者都会遇到浏览器的兼容问题，在这个浏览器上可以正常使用的，但换一个浏览器就不支持了。
6、Bit.dev
一个软件开发的基本原则就是代码的可重复使用性，它确保你可以减少开发量，而不需要去从头构建组件。这确实是Bit.dev可以做到的，它允许共享可重复使用代码片段和组件，从而减少开销，并且加快你的开发进程。Bit.dev还允许在团队之间共享组件，让你的团队可以与其他团队进行协作。
以上就是今天为大家分享的Web前端开发常用的6款提高工作效率的开发工具。大家要是想提供自己的工作效率，现在就赶紧用起来吧！
