Visual Studio Code 使用浏览器打开HTML文件
2017-06-21 22:32
477 查看
步骤如下:
1. 同时按住Ctrl + Shift + p打开如下图所示,输入ctr后选择第二项,打开tasks.json文件。2.将tasks.json中的内容改为如下所示,保存后即可。
{ // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "isShellCommand": true, "args": ["${file}"], "showOutput": "never" }
3.在html文件下按住Ctrl + Shift + b即可使用系统默认的浏览器打开html文件。
总结:
1.我对json并不了解,但是看上面的代码大概意思是通过命令打开资源管理器,然后打开相应的html文件。整个过程类似你平时通过界面打开html文件一样,先鼠标双击打开资源管理器找到相应html文件然后双击该文件,系统调用默认的浏览器打开该文件。这里只不过是把整个过程变成一个类似脚本或Windows下的批处理的东西。2.在此之前我也看了一下网上其他的做法,其实都类似,只不过其他的都不太方便,都会有各种各样的问题。有的做法只针对当前路径下的html文件,每次都要改文件名,而且好像路径还必须不能有中文,有的是可以选择自己常用的浏览器来打开html,但是我试了,浏览器的路径中含有中文也是打不开。
3.其实用浏览器打开html文件的方法有很多,比如
3.1. 用Ctrl + Shift + V预览,不过我刚试了一下效果不太好。
3.2. 在终端下输入文件名打开,你可能会觉得输入文件名比较慢,但是不必担心,终端下支持Tab自动补全,和linux环境下一样。
Visual Studio Code我也是刚用,很多地方都不太熟,希望路过的大牛不吝赐教。
相关文章推荐
- 使用Visual Studio Code打开浏览器查看HTML文件
- 使用Visual Studio Code打开浏览器查看HTML文件
- 使用Visual Studio Code打开浏览器查看HTML文件
- visual studio code snippet editor使用
- visual studio code使用------ 代码提示
- 使用visual studio code开发Go程序
- Mac上使用Visual Studio Code开发/调试.NET Core代码
- 使用Visual Studio Code开发Asp.Net Core WebApi学习笔记(一)-- 起步
- zend studio不使用内部浏览器打开
- [导入]在 Visual Studio .NET IDE 内使用“从源代码管理打开”时出现无法读取项目文件的错误
- Visual Studio Code 使用 ESLint 增强代码风格检查
- 在Mac上使用Visual Studio Code开发/调试.NET Core代码
- Rust初步(二):使用Visual Studio Code编写Rust程序(猜猜看游戏)
- Windows下使用Visual Studio Code搭建Go语言环境
- [导入]在 Visual Studio .NET IDE 内使用“从源代码管理打开”时出现无法读取项目文件的错误
- 如何在Visual Studio Code中调用浏览器运行HTML代码
- 如何在Mac OS X上安装和使用Visual Studio Code和ASP.NET 5(转)
- Linux 下使用Visual Studio Code
- dotnetCore系列:使用Visual Studio code 创建DotNet Core 1.0应用并调试(1)
- 来自社区的Visual Studio Code使用体验和教程