VSCode实时预览网页代码的设置方法

当前第2页 返回上一页

4.安装完成需要重启软件插件才能生效

5.重启过之后，新建一个工作区（也可以直接拖一个文件夹到vscode中），在这里创建一个HTML文件做测试，注意单独新建一个HTML文件拖动到IDE中是使用不了Live Server的，需要把这个HTML文件放到创建的工作区(文件夹)中，新建完成后我们可以在状态栏上看到一个Go Live，单击会自动打开浏览器并显示

提示：如果之前也有HTML项目，直接把项目根文件夹拖动到VScode中就会自动添加到工作区

6.如果没有状态栏上，也可以在文件上单击右键，选择Open With Live Server这一项

7.接下来修改代码我们只需要ctrl+S保存修改后的代码，浏览器自动刷新，动图显示

8.遇到问题解决不了别忘了留言~~

更多编程相关知识，请访问：编程入门！！

以上就是VSCode实时预览网页代码的设置方法的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

vsCode怎么修改背景颜色

两款vsCode中好用的vue代码提示插件（推荐）

ubuntu中vsCode使用python缺少库

vsCode怎么调试asp

详解vsCode中对node.js进行debug调试的方法

vsCode这个软件有什么用

vsCode怎么安装主题

vsCode安装包多大

推荐二十七个vsCode有用插件，一起安装吧！

vsCode golint 安装失败怎么办？

更多相关阅读请进入《vsCode》频道 >>

转载请注明出处：木庄网络博客 » VSCode实时预览网页代码的设置方法