您当前的位置:网站首页>Vscode>vscode怎么让代码从浏览器打开 找vscode教程就上ki4.cc (>^ω^<),vscode

vscode怎么让代码从浏览器打开 找vscode教程就上ki4.cc (>^ω^<),vscode

2020年06月07日 投稿作者: 围观人数:26

vscode如何创建web工程 找vscode教程就上ki4.cc (>^ω^<)

vscode创建web工程的方法:首先新建文件夹,并选择打开文件夹;接着建立对应的文件目录html,js等;然后安装插件【View In Browser】;最后按【Ctrl+F1】打开对应页面即可。

vscode让代码从浏览器打开的方法:

open in browser

在vscode扩展中搜索“view in browser”插件并点击安装,点击资源管理器选中当前文件右键选择“View In Browser”即可在默认浏览器中打开页面。


实时刷新方法一:livereload

在项目目录下运行命令:

browser-sync start --server --files "**/*.css,**/*.html,**/*.js"

方法:

  • “查看”中选择“集成终端”,命令行输入以上指令

    vscode删不干净怎么办 找vscode教程就上ki4.cc (>^ω^<)

    vscode删不干净的解决办法:首先打开电脑C盘;然后找到个人文件夹中的【.vscode】文件夹;最后删除这个文件夹即可删除干净。

  • 本地文件右键选择“在终端中打开”,在终端命令行中输入指令

以上两种方法实现的效果和原理相同,都可后台运行,按下快捷键“control+c”退出当前运行进程。

实施刷新方法二:

装Live HTML Previewer插件,点击页面左下角Preview Available。


注意:有了livereload可以不需要装“view in browser”插件。

推荐教程: 《VSCode教程》

以上就是vscode怎么让代码从浏览器打开的详细内容,更多请关注ki4导航其它相关文章!

解决代码在vscode里不高亮的问题 找vscode教程就上ki4.cc (>^ω^<)

代码在vscode里不高亮的解决方法:首先打开VSCode软件;然后点击右下角切换语言为XML,即HTML代码部分高亮;最后再切换为HTML,则CSS和javascript部分高亮。

标签

版权说明
免责声明:本文文章内容由ki4导航网发布,但不代表本站的观点和立场,具体内容可自行甄别.