python中运行js代码的问题

Question

请问如何才能不打开cmd窗口,直接输出在控制台呢?
貌似该装的插件都已经装了

Answer 1

引自免费微信小程序：皆我百晓生

要解决在Python中运行JavaScript代码并输出结果而不打开命令行窗口的问题，可以遵循以下步骤：

1. 首先，确保已经安装了所有的所需的JavaScript库和工具。以下是这些依赖项的基本列表，包括Node.js、Karma、Jest、TypeScript、Node.js Remote Interpreter等：

npm install --save-dev @angular/cli @angular/core @angular/material @types/node @types/karma @types/jest @types/typescript @types/node-remote-interpreter @typescript-eslint

1. 在你的Python项目根目录创建一个名为package.json的文件，其中包含以下配置信息：

{
  "name": "my-project",
  "version": "0.1.0",
  "scripts": {
    "ng build": "ng serve",
    "start": "node dist/index.js"
  },
  "dependencies": {
    "@angular/cli": "^13.4.0",
    "@angular/compiler-cli": "^13.4.0",
    "@angular/language-service": "^13.4.0",
    "@types/jest": "^26.0.19",
    "@types/node": "^18.0.56",
    "@types/node-remote-interpreter": "^1.3.0",
    "karma": "^4.0.0",
    "jasmine-core": "^2.7.2",
    "karma-chrome-launcher": "^4.0.0",
    "karma-jasmine": "^4.0.0",
    "karma-safari-launcher": "^1.0.0",
    "ts-node": "^10.0.3",
    "typescript": "^4.0.3",
    "next": "^10.0.3",
    "web-component-tester": "^9.0.0"
  }
}

1. 在你的项目的根目录中创建一个名为.gitignore的文件，列出不需要在GitHub仓库中保存的文件和文件夹，以便将它们自动排除在提交过程中：

*.temp
*.dist
*.bin
*.tmp
*.build
*.git
*.travis.yml
*.npm-debug.log
*.npm WARN包
*.coveragerc
*.npmrc
*.npmrc.d
*.yarnrc
*.npmrc.d
.*
\.gitignore
.*

1. 创建一个名为tsconfig.json的文件，用于指定 TypeScript 库的配置选项：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "sourceMap": true,
    "outDir": "dist",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*"]
}

1. 在你的src文件夹中创建一个新的子文件夹（例如，app），然后添加以下HTML文件和JavaScript文件：

• index.html: 指定页面的HTML结构和JavaScript脚本。
• index.tsx: 指定页面的ESM（英语电气标准模块）模板。

以下是编写示例JavaScript代码，演示如何使用JavaScript在Python环境中运行和打印字符串：

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'My Application';
  loading = true;

  constructor(private http: HttpClient) {}

  ngOnInit(): void {
    this.loading = false;
    const url = `https://api.example.com/data`;
    this.http.get(url)
      .subscribe(response => {
        this.data = response.json();
        console.log(this.data);
        this.loading = true;
      }, error => {
        this.loading = false;
        console.error(error);
      });
  }
}

这个示例程序会从https://api.example.com/data API 获取数据，并将其解析为JSON格式。然后，在ngOnInit()方法中，我们获取到响应并将其存储在data变量中。当数据返回时，它会被打印到控制台，同时，loading属性设置为true，表示正在加载数据。当数据成功获取且解析后，loading属性被设置回false，表示数据加载完成。

注意，这段代码中的API请求在实际应用中可能需要替换为实际的API地址和相应的HTTP方法。此外，由于这是一个简单的示例，实际应用中可能需要处理错误和用户界面交互等问题。

通过上述步骤，您可以在Python环境下直接运行和显示JavaScript代码的结果。当应用程序启动并进入渲染阶段时，控制台会展示该JavaScript代码的执行结果，并在数据加载完成后显示 loading 属性。如果您希望在浏览器中查看此结果，只需单击 Run 或 Debug 菜单下的 运行 > Run JS 或 Debug > Debug JS，在 JavaScript 的源代码中按 <Enter> 键，就能看到结果。同时，若需要可视化调试日志，可以使用诸如 Chrome DevTools 的 Dev Console 对JavaScript进行配置，以捕获、分析和打印更多详细的调试信息。