在完成上述配置后,VScode需要安装code runner和JavaScript (ES6) code两个扩展(图2)。 图2 code runner和JavaScript (ES6) code扩展 这样可以新建一个名为test.js的文件,并在其中输入以下代码: var first= "Hello world" console.log(first) 运行和调试选择node.js(图3),点击右侧的绿色箭头,终端输出“Hello world”说明配置成功(图4)。 图3 vscode运行和调试 图1.4 VScode输出
{ "name": "my-ai", "displayName": "myAI", "description": "编程助手", "repository": { "type": "git", "url": "https://github.com/yourusername/my-ai.git" }, "version": "0.0.1", "engines": { "vscode": "^1.93.0" }, "categories": [ "Other" ], "activationEvents": []...
跑起来以后默认会新开一个vscode窗口,然后会发现什么都没有发生,这是由插件的启动方式决定的,配置于package.json里的activationEvents项。常用的有: onLanguage在打开特定语言类型的文件后激活 onCommand在执行特定命令后激活 由于我们的插件是配置的onCommand启动,并且指定的命令名是Hello World,所以我们在新开的vscode窗口...
VSCode 完整安装教程参考:https://www.runoob.com/vscode/vscode-tutorial.html 创建一个 JS 代码文件 打开VScode,然后点击新建文件: 点击选择语言: 在搜索框输入 js,创建test.js文件: 输入代码: console.log("Hello, World!"); 保存test.js 文件代码,右击文件名,在集成终端执行以下命令: # node test.jsHello...
修改package.json文件中的vscode对应版本号 这种方式比较简单直接,就是修改为和当前正在使用的vscode版本保持一致即可,如下: Hello World 命令报错 经过上述操作后,重新启动调试,按下Ctrl + Shift + P,并输入Hello World命令,就可以找到对应的命令了,但是执行该命令时报错了: ...
编写JavaScript代码:在新创建的文件中,您可以编写所需的JavaScript代码。例如,您可以编写一个简单的Hello World程序如下: console.log("Hello, World!"); 安装并配置Code Runner插件:在VSCode的扩展市场中搜索并安装Code Runner插件。安装完成之后,点击VSCode左下角的齿轮图标,选择“Settings”进入设置页面。在搜索框中...
01、概述和前端工具vscode安装 1.1、下载安装VScode 下载地址:https://code.visualstudio.com/ 1:双击打开vscode安装包 2: 指定安装目录 不创建桌面图标,(个人喜好) 直接点击【下一步】 点击【安装】 安装完毕 点击完成 1.1.1、中文界面配置 1、首先安装中文插件:Chinese (Simplified) Language Pack for Visual St...
vscode插件可以使用TypeScript来编写(官方推荐),也可以使用JavaScript,本文统一使用后者,不过使用哪种方式,能实现的功能都是一样的。 借用一张图: 根据指引, 一步步生成即可, 这样, 就得到了一个干净的插件工程了。 其中的 src, utils images目录是我后面添加的, 可以忽略。
1234alert("Hello World");567 对写好的HTML文档进行编译运行,直接按下F5会有一个弹出框提示我们使用什么环境,选择Chrome环境,选择好后编译器会在当前HTML文件同目录下创建一个.vscode文件夹,里面只有一个launch.json配置文件,同时在编译器中显示出来,文件内容配置如下: 1{2"version": "0.2.0",3"configuratio...
方法二:在 vscode 的TERMINAL 终端输入: node hello_world.js 也可以看到 运行结果 方法三:如果你想要按下 F5 进行运行并且调试,那么就要配置好 launch.json 文件. 先点击 Run -> Open Configurations, 输入以下内容 1{2//Use IntelliSense to learn about possible attributes.3//Hover to view descriptions of...