vs code中运行html文件

素颜马尾好姑娘i 2023-06-28 04:57 171阅读 0赞

## vs code运行html文件 ##

（这里介绍一下，vs code里面不能新建文件夹，所以可以在外面创建文件夹，在vs code里面打开）  
1、在没有安装任何插件的时候，运行项目时抛出一个错误：  
　　　 **Code language not supported or defined.**  
解决办法：  
File -》 Preference -》 Settings  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg_size_16_color_FFFFFF_t_70]  
设置好后，异常解决，但是还是无法在浏览器中打开html页面；

2、然后，安装插件：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg_size_16_color_FFFFFF_t_70 1]  
插件安装完后点击右下角的 Go Live即可在浏览器中打开运行的html文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200107160014901.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200107160145390.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200107160255830.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfMDkyNg==,size_16,color_FFFFFF,t_70