智能感知 / vs 代码。如何正确设置javascript导入？

Question

我刚刚开始使用 js 开发。 按照 udemy 课程的说明进行操作： https ://www.udemy.com/course/understand-javascript

（课程使用 ES5，我的浏览器 - FireFox 72.0.1 (64-Bit) - 已经理解 ES6）

讲师使用括号并展示了 underscore.js 库的一些基本功能。 我下载了开发版本并将其放入我的项目设置的子文件夹中：

我将它包含在 app.js 中的应用程序中，如下所示：

 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="libs/underscore.js"></script> <script src="app.js"></script> </head> <body> </body> </html>

当教师使用 . _ 对象上的运算符，Brackets 向他展示了可用的函数。 当我第一次在 VS Code IntelliSense（我想是 VS Code 的自动完成插件）中尝试这个时，没有提出任何建议。

我用谷歌搜索并想出在我的项目的根目录下创建一个“jsconfig.json”并重新启动 VS Code。

 { "compilerOptions": { "module": "commonJS", "target": "es6" }, "exclude": ["node_modules"] }

现在，当我写“_”时。 VS 代码会自动将以下行添加到我的脚本中：

import { _ } from "./libs/underscore";

如果我现在运行脚本，它会说

语法错误：导入声明只能出现在模块的顶层

在 Firefox 控制台上。

我的问题：

在设置 javascript 模块（我猜模块是单个 js 文件？）依赖项以在 VS Code 中自动完成工作时，我必须考虑什么？

我必须使用“导入”还是“需要”？ 我必须将导入放在 jsconfig.json 中吗？ 我也很困惑这篇文章：

如何在另一个 JavaScript 文件中包含一个 JavaScript 文件？

我真的只需要设置一个简单的 vanilla js 项目的基本知识。

相关文章：

如何使用第三方 JavaScript 库扩展 VSCode 代码完成

https://github.com/Microsoft/vscode/issues/16102

先感谢您。

Answer 1

所以我首先假设的是，vs 代码可以解析 index.html 中的第三方库包含

似乎情况并非如此。 我通过 npm 安装库解决了这个问题。 现在智能感知自动完成工作。

这并没有回答，为什么 VS Code 会添加一个导入语句，为什么这会导致我原来的帖子中提到的异常。

也许我一次问了太多关于引用 js 文件的问题/过于笼统，因此导致没有任何评论如何改进问题。

智能感知 / vs 代码。如何正确设置javascript导入？

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-01-20 16:58:18

智能感知 / vs 代码。 如何正确设置javascript导入？

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-01-20 16:58:18

智能感知 / vs 代码。如何正确设置javascript导入？

解决方案1
0 已采纳 2020-01-20 16:58:18