admin 管理员组

文章数量: 1086019

vscode出来之前一直使用sublime，后者在编写HTML文件时可以通过点击鼠标右键，找到open in browser来启动系统默认浏览器，而vscode却没有这个功能，调试和预览起来比较麻烦。不过可以通过配置tasks.json文件来解决这个问题。

一、首先按下Ctrl+shift+p输入Configure Task ，点击Enter，点击使用模板创建tasks.json文件，点击MSbuild，然后打开tasks.json文件，然后再文件中修改某些键值对。下面是tasks.json文件的原始内容和部分内容修改如下：

原始内容：

{ // See https://go.microsoft/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "2.0.0", "tasks": [ { "label": "build", "type": "shell", "command": "C:/Users/rush/AppData/Local/Google/Chrome/Application/chrome.exe", "args": [ // Ask msbuild to generate full paths for file names. "/property:GenerateFullPaths=true", "/t:build" ], "group": "build", "presentation": { // Reveal the output only if unrecognized errors occur. "reveal": "silent" }, // Use the standard MS compiler pattern to detect errors, warnings and infos "problemMatcher": "$msCompile" } ] }


修改后内容：

{ // See https://go.microsoft/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "2.0.0", "tasks": [ { "label": "Run HTML file with Chrome", "type": "process", // [shell,process] "command": "Chrome", "args": [ "${file}"], "windows": { "command": "C:/Users/rush/AppData/Local/Google/Chrome/Application/chrome.exe", }, "group": "build", "presentation": { // Reveal the output only if unrecognized errors occur. "reveal": "never" //[always,never,silent] }, // Use the standard MS compiler pattern to detect errors, warnings and infos "problemMatcher": "$msCompile" } ] }


二、最后保存下，按下Ctrl+shift+b,就可以看到浏览器自动打开index.html文件。



本文标签： 打开浏览器 文件 Studio visual HTML

版权声明：本文标题：使用Visual Studio Code打开浏览器查看HTML文件 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1740073232a2129158.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。