如何配置开始javascript-只有项目的多个文件在VSCode

Question 1

我在做一个javascript然FCC和使用VSCode作为我的代码编辑器。但迄今为止，我所有的js代码载于一个单一的文件。显然，对于任何有意义的js发展我需要建立一个收集js文件工作作为一个单一的单位。

开始探索这个我有一个非常简单的设置两个js文件，test-01.js 和test-02.js，哪里test-01.js 包含一个叫到一个功能的定义是在test-02.js. 我第一次想要这样做没有任何HTML或CSS文件。虽然这也将是一个未来要求。

第一个文件test-01.js:

//test-01.js
let returnStr = "";

console.log("This is the calling program");

// Now call the function in test-02.js

returnStr = Display(10);

与未来项目的复杂性考虑，第二个文件test-02.js 是在一个子文件夹，从第一个文件。 .\folder-02\test-02.js:

//test-02.js
function Display(param = 0) {

    console.log("This is the program called with parameter: ", param);

    return "Back from Display";
};

我已经成功试图进口的功能显示()从test-01.js 入test-02.js.

我已经成功试图寻找方法，来修改文件，如：

包。json
jsconfig.json
设置。json
启动。json

我已经成功试图寻找样品项目上的审查和其他地方。

我已经失败寻找答案在计算器.

一切都无济于事。这应该是没有道理的，它应该已经描述了在vscode文件，但我找不到它。现在我已经尝试了这么多事情我可能已经搞砸了我发展的环境。我希望有人能帮我出点我在正确的方向解决这个问题。

多谢了，托马斯。

Question 2

JavaScript模块的路要走时进口的方法之一。js文件，并呼吁他们在另一个。js文件。有许多不同的方式对进口和使用模块在JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

这里是一个例子对于你的情况：

首先，允许进口的主要JavaScript文件为html文件：

<head>
    <!-- type="module" is necessary -->
    <script type='module' src="test-01.js" defer></script>
</head>

接下来，让定义的'显示'功能 folder-02/test-02.js:

function Display(param = 0) {

    console.log("This is the program called with parameter: ", param);

    return "Back from Display";
};

export default Display //exporting it to be imported into another js file

最后，让我设置的 test-01.js 导入和调用以前的定义功能：

import Display from './folder-02/test-02.js';

let returnStr = "";
console.log("This is the calling program");

// Now call the function in test-02.js
returnStr = Display(10);

Nikola Lukic · Answer 1 · 2021-11-20T18:46:21

JavaScript模块的路要走时进口的方法之一。js文件，并呼吁他们在另一个。js文件。有许多不同的方式对进口和使用模块在JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

这里是一个例子对于你的情况：

首先，允许进口的主要JavaScript文件为html文件：

<head>
    <!-- type="module" is necessary -->
    <script type='module' src="test-01.js" defer></script>
</head>

接下来，让定义的'显示'功能 folder-02/test-02.js:

function Display(param = 0) {

    console.log("This is the program called with parameter: ", param);

    return "Back from Display";
};

export default Display //exporting it to be imported into another js file

最后，让我设置的 test-01.js 导入和调用以前的定义功能：

import Display from './folder-02/test-02.js';

let returnStr = "";
console.log("This is the calling program");

// Now call the function in test-02.js
returnStr = Display(10);

这是很大的帮助! 我错过了出口的声明test-02.js. 谢谢尼古拉*为应对这么快！有关HTML段，如果我没有HTML文件？我可以忽略的第一段代码? 现在我只想为我们js文件，并没有HTML,如果这是可能的。
是的，这是可能的。你可以运行，它使用节点(必须安装 nodejs.org/en)首先,运行"npm init-y"在终端。接下来，添加这个给你的包裹。json文件:"类型"："模块"。最后，运行的"节点test-01.js"在终端，这将输出正确的结果。

如何配置开始javascript-只有项目的多个文件在VSCode

的问题

最好的答案

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别