关于visual studio代码:如何在vscode中为我的javascript网页制作“go to definition”?

How to make “go to definition” work for my javascript webpage in vscode?

  • 无论我做什么,我都无法在不同的*.jsindex.html文件中定义的函数之间执行go to definition
  • 我甚至不确定它是否能工作?或者,只有在我使用一些导入进行一些node.js开发时,这个特性才有效吗?(我对javascript不熟悉,我只是不想用webgl制作网页,而不是一些服务器端的东西)
  • 我试着读这个,但我不知道它和我有什么关系?我刚做了一个空的jsconfig.json,但没有起作用。
    • https://code.VisualStudio.com/docs/languages/javascript u javascript-project-jsconfigjson
    • https://code.VisualStudio.com/docs/introvideos/QuickTour
    • https://code.VisualStudio.com/docs/languages/jsconfig

参见从index.html调用THREE.Screen的简单示例搜索,该调用在ThreeJS_aux.js中定义。

enter image description here。氧化镁

我的javascript项目在这里网址:https://github.com/prokophapala/learnweb


您是否尝试添加tsconfig.json文件并设置allowjs:true checkjs:true?这样,vscode将启动一个tsserver,您将拥有它的所有特性/重构。记住,javascript是typescript,所以您不必使用任何奇怪的东西,只需使用好的旧javascript即可。typescript编译器支持重构和其他许多重构(或者您可以使用更多的插件开发/安装第三方插件)。如果您想开始使用类型,您仍然可以使用简单的旧JavaScript和JSDocs来实现这一点。我的两分钱。更多信息:https://www.typescriptlang.org/docs/handbook/migrating-from-javascript.html


从您的代码布局的方式来看,我假设您正在进行演练或某种教程。这意味着,您不需要将JS拆分成单独的文件,而是将其嵌入HTML中的实际脚本标记中。除非有人试图最大化开发领域,比如教程/演练,否则并不是一个常见的实践。

我想你真正想要的是设计模式。真的没有简单的答案可以给你。也没有单一的方法来实现这一点。这些设计模式使JS以更可读的方式组合在一起。

尝试阅读这本关于设计模式学习JS设计模式的在线书籍。

这是对常见设计模式AMD、CommonJS和Require的快速总结。我建议仔细阅读这本书,以获得更深入的理解。公共设施、AMD和需求之间的关系?