vscode怎么运行javascript
1、直接按F5可以调试的方法或者点击运行按钮(可以直接运行html文件或者js文件)
在launch.json文件中的配置如下:
{
"version": "0.2.0",
"configurations": [{
"name": "谷歌浏览器", //运行html文件,用谷歌浏览器打开
"type": "chrome",
"request": "launch",
"url": "${file}",
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
},
{
"name": "nodeLauch", //单独调试js,即可以直接运行js
"type": "node",
"request": "launch",
"program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件
"stopOnEntry": false,
"args": [],
"cwd": "${workspaceRoot}",
"runtimeExecutable": null,
"runtimeArgs": [
"--nolazy"
],
"env": {
"NODE_ENV": "development"
},
"console": "internalConsole",
"preLaunchTask": "",
"sourceMaps": false,
"outDir": null
}
]
}
2、第二种方法 Ctrl+Shift+B 快捷键运行html文件,在Tasks.json中配置如下:
{
"version": "0.1.0",
"command": "",
"isShellCommand": false,
"args": ["${file}"],
"showOutput": "always",
"windows": {
"command": "C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"
},
"tasks": [{
"taskName": "webserver",
"isBuildCommand": true,
"showOutput": "always"
}]
}
3、如果第二种方法,不想每次都按这个快捷键,请参考npm配置node服务方法:
vscode 总是窗口无法响应,求解决方案
是因为未设置任何PHP可执行文件造成的错误,解决方法如下:
1、首先在VSCode软件中运行命令的时候,有错误提示的话就直接展示在右侧栏,提示“无法验证,因为未设置任何PHP可执行文件”,点击打开设置按钮。
2、在打开的设置界面,直接展示的就是PHP扩展设置文件,也就是setting.js文件,点击图中红色标框位置。
3、在打开的setting.js文件中,可以看到php.validate.executeablePath后面的值默认是没有的,这里需要手动设置为php.exe文件位置。
4、需要明确的写上你本地的php.exe路径,然后别忘记保存,重新加载下编辑器即可生效。
VScode 有时无法编辑文件、键盘输入无响应,这是为什么?
是因为没有设置执行文件。
1、首先在VSCode软件中运行命令的时候,点击打开设置按钮。
2、在打开的设置界面,直接展示的就是PHP扩展设置文件,也就是setting.js文件,点击图中红色标框位置。
3、需要明确的写上你本地的php.exe路径,然后别忘记保存,重新加载下编辑器即可生效。
VSCode调试egg.js项目
首先,在需要调试的地方打好断点
如上图,点击左侧的行数,158行就可以打上断点了
点击 vscode 左侧的debug窗口,如果你之前没有配置过 launch.json 文件,那么现实效果就会如下图一样。
点击左上方,【没有配置】,添加配置
VSCode本身就内置了Node.js的调试工具,如果将来你需要调试别的东西,可以在这里选择添加对应的调试插件工具。
这里我们调试的是Node.js,就选择Node.js,然后VSCode会在 /.vscode 目录中新建一个 launch.json 文件
launch.json 文件新建好后,我们需要进行一些配置操作,这里我们选择的是,附加到进程。
后面我们是先启动egg的调试进程,然后再将vscode附加到进程中的。
这里有一个很关键的节点, program 这个属性写的就是你需要调试的js文件,我这边调试的是刚才打上断点的文件 pledges.js
使用 iterm 进入到工程目录,开启调试模式
在VSCode中选择 Attach to Process ,并且选择egg-cluster这个进程。
等请求进入到刚才打断点的地方,VSCode就会自己跳转到调试点啦,然后就可以尽情调试啦~
BTW,如果你有更好,更简单的调试方式请告诉我...