vscode本地编译

方法一: 在 js 后缀文件中写 javascript 代码.
注意文件位置,最好不要同时打开 多个项目

  1. 环境配置:

(1). 需要安装 nodejs ( node -v 和 npm -v 检验是否安装成功)

(2). 安装 Code Runner 扩展包

  1. 新建一个 js 后缀的文件,如test.js
console.log("hello world");
console.log("2314");
  1. 运行程序

(1) 如果你安装了 Code Runer,那么就可以直接点击右键选择 Run Code 运行代码,就可以在 OUTPUT 窗口上看到运行结果

!!!!!这一步至关重要,其他方法也行不通可能就是因为这一步没有设置:如果显示乱码:
控制面板–》更改日期、时间或数字格式–》管理–》更改系统区域设置 --?》勾选Beta版vscode本地编译_第1张图片vscode本地编译_第2张图片

(2) 在 vscode 的 TERMINAL 终端输入: node test.js 也可以看到 运行结果
注意:这里打开的文件 位置要对

(3) 想要按下 F5 进行运行并且调试,那么就要配置好 launch.json 文件. 先点击 Run -> Open Configurations, 输入以下内容


{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",

    "configurations": [
        
        
        {
        "name": "Launch",
        "type": "node",
        "request": "launch",
        "program": "${workspaceRoot}/test.js",
        //vscode打开的 是test文件夹, workspaceRoot代表当前文件夹
        },
    ]
}

vscode本地编译_第3张图片

这里没有成功的话,可以 尝试:(此前已经设置好了)
Run Code运行不了:
1、打开 “File”->“Preferences”->“Setting”

2、打开"Extensions" ,点击打开Run code configuration,设置"Default Language"
vscode本地编译_第4张图片
1、打开 “File”->“Preferences”->“Setting”
2.搜索debug—》勾选Allow Breakpoints Everywhere
vscode本地编译_第5张图片

法二:在 html 后缀文件中写 javascript 代码.(没有调试成功)
参考链接:https://www.cnblogs.com/ttweixiao-IT-program/p/13048275.html

你可能感兴趣的:(前端相关环境安装)