如何在Visual Studio Code中直接运行html代码

         最近老师给我们介绍了Visual Studio Code那个传说中逼格很高的代码编辑器。

都知道它可以直接打开命令行或者利用集成终端编译java程序。而现在自己又在编写HTML代码，于是想到如何直接打开它呢？

        查了下网上解决办法，可能是版本原因 并不能解决我的问题，于是决定自行解决这个问题。

首先按下Ctrl+shift+p输入Configure Task Runner,打开tasks.json文件，然后再文件中修改某些键值对。下面是tasks.json文件的原始内容：

      "version": "0.1.0",
      "command": "echo",
      "isShellCommand": true,
      "args": ["Hello World"],
      "showOutput": "always"

      我测试了下某一个可行的修改方案如截图所示：

 

步骤一：给command赋以iexplore.exe的路径+程序名

步骤二：给args[ ]赋 以所要运行的文件路径+程序名

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

这样做有很大缺点，如果再写别的html文件则要改步骤二中的路径和程序名。折中办法是一直在这个文件中编辑html文件，但是这不适合开发。推荐换好用的文本编辑器如EditPlus等等。