vscode为什么html和javascript无效调试控制台
vscode写html 代码不能运行 Code language not supported or defined是没有正确调试造成的,解决方法为:1、首先需要在这里打开vs code软件,新建后才能编译测试。2、此时我们就能在这里设置vs code软件的名称,既能开始设置。3、此时我们就能在这里选择项目的框架,选择后点击创建命令即可。4、当我们打开vs code软件并创建项目,就能来到这个界面窗口。5、此时我们就能在这里点击调试的菜单命令,点击后即可对命令的使用。6、因此,点击调试即可对vscode程序编译运行即可,如图所示。
vscode软件》文件》首选项》设置》修改配置文件settings.json中:根据语言运行》"code-runner.executorMap":{"javascript":"node","html":"C:\\Users\\Administrator\\AppData\\Local\\google\\Chrome\\Application\\chrome.exe"}根据文件后缀名运行》"code-runner.executorMapByGlob":{"*.js":"node"}vscode配置文件settings_json参考--CodeRunner插件便捷使用
vscode输出结果后运行窗口消失
在vscode界面上方菜单栏点击“查看”,选择“调试控制台”点击即可隐藏控制台。
Vscode在浏览器中打开页面
meta charset="utf-8"
Vscode默认是在控制台下查看html文件,对于我们查看和调试都很不方便,那如何在浏览器中打开呢?
因为我已经安装了,所以再搜索不会显示安装字样
我们可以看到在默认浏览器中打开是: Alt + B ,在其他浏览器中显示是: Shift+Alt+B
vscode配置snippets四步
第一步:ctrl+ship+p //打开控制台命令
第二步:输入 snippets //过滤选择
第三步:选择要定义的文件类型 //此时很多,如Js,babel,css...
第四步:配置并定义
怎么用visual studio code 调试
vscode使用task.json来配置项目的构建过程。
打开命令面板(Ctrl+Shift+P)选择Run Build Task(Ctrl+Shift+B)
如果当前工作空间没有task.json配置文件此时会出现提示
选择 Configure Task Runner 自动创建task.json。该配置文件在工作空间的.vscode目录下,这个目录也是存放vscode配置的文件夹。
vscode默认的task配置文件中给出了执行tsc 和 gulp模板配置。简单介绍一下task.json的写法
{
"version": "0.1.0",
// 要使用的命令或者可执行文件的路径
"command": "tsc",
// 对应command参数,是否是一个命令,否则为执行文件路径
"isShellCommand": true,
// 是否在执行task任务时显示控制台窗口
"showOutput": "always",
// 对应command参数指定程序的参数
"args": ["-p", "src", "--allowJs", "-w"],
// 不太明白这个,基本用不到
"problemMatcher": "$tsc",
}