如何使用 Vue SFC Playground
如何导入外部库
使用外部库
导入库:
Vue SFC Playground 有一个 import map
功能,在这个文件中可通过在线 cdn 的方式引入外部库,然后在组件中使用。
每个库对应的 cdn 文件,一般可以在 unpkg 这个网站上找到。
但是这个网站没有提供搜索库的功能,所以如果你不知道怎么去找到你需要的库的具体的路径,你可以有以下2个办法:
- 通过搜索殷勤搜索,关键字为:
unpkg packageName
, 如搜索 lodash
相关库, 可输入:unpkg lodash
, 然后点击相应结果进去可以看到文件列表,然后也可以切换版本。
- 利用 unpkg 预定的路由规则去找
其实,unpkg 虽然没提供很直观的操作页面,但找库的方法,在 unpkg 的首页是给出了的。
不过,都是英文的,一般的可能直接懒得看。
我们可以看到,在 https://unpkg.com/{packageName}/
输入这个路径后,可以看到包的文件列表,然后我们就可以通过一个可视化的列表去找我们想要引入进去的文件了。一定注意,报名后面要跟一个 斜杠 "/".
如,你输入 https://unpkg.com/vue/
点击回车,网站会直接重定向到这个目录:[UNPKG - vue](https://unpkg.com/browse/vue@3.3.6/)
也就是最新版本文件目录,然后也可以切换版本。
posted on 2024-09-29 11:01 springsnow 阅读(187) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
2019-09-29 .NET平台常用的框架整理
2019-09-29 .Net 开源项目资源大全