我们利用Vscode软件编写html的时候,一般都想右键选择html文件,然后直接选择浏览器运行,但是默认是没有的:
![](https://img2018.cnblogs.com/i-beta/1242944/201912/1242944-20191206104720605-718046672.png)
下面鄙人给大家分享一下如何设置。
![](https://img2018.cnblogs.com/i-beta/1242944/201912/1242944-20191206104612936-303717894.png)
这里你会发现有好多类似的插件,你自己选择一个喜欢的用就行了;安装完成之后:
![](https://img2018.cnblogs.com/i-beta/1242944/201912/1242944-20191206104909121-1128099416.png)
上面这种实现的是本地的file协议运行html:
![](https://img2020.cnblogs.com/blog/1242944/202106/1242944-20210625101755393-721036033.png)
但是在使用Axios的时候就会出现一些问题【问题如下】。好像是跨域的问题。
要想使Vscode通过服务器打开html文件,走http协议,需要:
1.下载Live Server
![](https://img2020.cnblogs.com/blog/1242944/202106/1242944-20210625101951822-2074601729.png)
2.安装完成后鼠标右键html文件空白处,点击Open with Live Server 即可。
![](https://img2020.cnblogs.com/blog/1242944/202106/1242944-20210625102105692-1261619673.png)
![](https://common.cnblogs.com/images/loading.gif)