求教;使用模板开发时, vscode 语法提示应该如何配置?(能解决奉上¥ 200 红包)

73 天前
 xuAN111

Twig 、Blade 、think-template 等模板引擎,在使用 vscode 开发时没有语法提示支持,各位老哥都是如何配置的?

举例:

使用模板引擎在 order.html 引入 lib.html

lib.html 中已经包含了 Bootstrap 、jQuery 以及自定义类库的引入甚至在 lib.html 中引入其他.html 模板, 在 order.html 中并不会提示 jQuery 的语法以及在 lib.html 中的自定义函数。

我已经尝试过很多,希望有真正能解决问题的老哥,应该如何配置 vscode ?

1220 次点击
所在节点    程序员
9 条回复
dudubaba
73 天前
插件库搜 jQuery ,找一个下载量多的,安装重启 vscode
horizon
73 天前
1. 安装 VSCode 的 "JavaScript (ES6) code snippets" 扩展。这个扩展可以为 jQuery 提供代码补全。
2. 打开 HTML 文件,键入 $ 或 jQuery,VSCode 就会开始为你提供 jQuery 的自动补全建议。
Nyeshuai
73 天前
根目录新建一个 jsconfig.json, 内容: {
"typeAcquisition": {
"include": [
"jquery"
]
},
"exclude": ["node_modules"]
}

有需要的话再装个 jQuery Code Snippets
xuAN111
73 天前
非常感谢回答,但是仍然解决不了问题,需要自定义函数、自定义类库等语法提示。
你们这些方法早已通过 chagpt 获取过,解决并不完善,无法解决我当前的问题。
horizon
72 天前
自定义函数需要你自己写 d.ts ,扩展 jquery 了
lisongeee
72 天前
我看你截图里使用的 staticfile cdn ,你最好换一个,因为 staticfile/bootcdn 有代码投毒

可以使用阿里提供的 npmmirror https://zhuanlan.zhihu.com/p/633904268
xuAN111
72 天前
@lisongeee 知道的,那是我临时复制来做截图示例。
DOLLOR
72 天前
建议楼主放弃治疗,老老实实改为在单独的 JS 文件里专门写业务逻辑,然后在 html 用 script 导入 JS 。

vscode 对 html 文件内嵌 js 语言功能的支持是非常残废的,任凭你整什么《 jsconfig.json 》、《 tsconfig.json 》、《 d.ts 》、《 jsdoc 》,全都是徒劳。
估计 vscode 团队认为 html 内部直写 JS 已经不是主流了(毕竟预处理已经是现代 web 开发的刚需,而 HTML 内嵌 JS 不利于预处理),html 文件内嵌 js 语言功能很多年了都还是这样没有多少进化,吃不到 JS LSP 的红利。
也许你可以考虑去 vscode 官方仓库提 issue ,提醒他们改进对 html 文档的支持。
sibusana
72 天前
VSCode 有相关的 issue: https://github.com/microsoft/vscode/issues/26338

可以试试里面提到的插件: https://marketplace.visualstudio.com/items?itemName=shuaihu.html-embedded-javascript
另外是 Volar 的作者给 VSCode 提的 pr ,但是还没有 merge ,所以也用不了

你也可以根据 Volar 自己开发插件,文档在这里 https://volarjs.dev/guides/first-server/

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1071423

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX