hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 开发工具 - 正文 君子好学,自强不息!

vscode怎么让代码从浏览器打开_编程开发工具

2020-06-07开发工具ki4网12°c
A+ A-

vscode如何创建web工程_编程开发工具

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

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

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

实施刷新方法二:

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

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

推荐教程: 《VSCode教程》

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

解决代码在vscode里不高亮的问题_编程开发工具

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

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
vscode怎么让代码从浏览器打开_编程开发工具

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>