在vscode中安装使用live Server(前端搭建自己的本地服务器环境)

这篇具有很好参考价值的文章主要介绍了在vscode中安装使用live Server(前端搭建自己的本地服务器环境)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、在扩展中搜索live Server,找到并下载,下载完后点击设置图标,点击扩展设置

vscode安装live server,vscode,ide,编辑器,服务器vscode安装live server,vscode,ide,编辑器,服务器

 二、点击在settings.json中编辑,在JSON中修改添加下列代码

端口号可配,注意不要与其他服务冲突;

AdvanceCustomBrowserCmdLine填写自己实际chrome的路径;

vscode安装live server,vscode,ide,编辑器,服务器vscode安装live server,vscode,ide,编辑器,服务器

 三、保存重启vscode,点击右下角的go live 就可以了

vscode安装live server,vscode,ide,编辑器,服务器

 四、在html中可以直接打开,在项目中,找到dist文件打开就可以了

vscode安装live server,vscode,ide,编辑器,服务器文章来源地址https://www.toymoban.com/news/detail-586693.html

到了这里,关于在vscode中安装使用live Server(前端搭建自己的本地服务器环境)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • VSCode Live Server插件 找不到Chorme解决方法

    转载:vscode运行Live Server报错:Windows找不到文件‘chrome‘,请确定文件名是否正确后,再试一次。_vscode找不到chrome-CSDN博客 1.问题描述 在写好的html文件空白处右键单击Open with Live Server后弹出下面提示框报错 2. 出现原因 应该是由于你电脑上的默认浏览器Chrome的安装路径变了,

    2024年01月18日
    浏览(48)
  • live555server环境搭建

    openssl可选安不安 安装(选择好版本) 使用头文件是否可用时编译测试时记得链接(不可调换顺序) 不安 ./genMakefiles linux 这里可能会报一个编译错误 这里修改自己解压后这个文件中的/live/BasicUsageEnvironment/BasicTaskScheduler.cpp(190行左右) 这样就可以继续编译了 这两个文件夹下

    2024年02月12日
    浏览(26)
  • vscode运行Live Server报错:Windows找不到文件Microsoft Edge

    问题场景: 在写好的html文件空白处右键单击Open with Live Server后弹出下面提示框报错Windows找不到文件Microsoft Edge有的电脑报错是Windows找不到文件chrome 问题解决方案: 应该是由于你电脑上的默认浏览器Chrome的安装路径变了,更新Chrome重装的时候换位置了或者擅自把Chrome的路径

    2024年02月22日
    浏览(47)
  • 【使用vscode在线web搭建开发环境--code-server搭建】

    https://github.com/coder/code-server/releases?q=4.0.0expanded=true 使用大于版本3.8.0,因为旧版本有插件市场不能访问的情况 版本太高需要更新环境依赖 出现报错 修复不能切换环境问题(请在项目中添加) 启动问题 终端执行 效果 地址栏输入:chrome://flags/#unsafely-treat-insecure-origin-as-secure 地

    2024年02月19日
    浏览(35)
  • 搭建自己的git服务器--win10系统使用Gitea快速搭建git-server

    2023-03-28 本文简单介绍了使用gitea开源软件搭建自己git服务器的过程; 本文记录的在win10系统上快速安装gitea,实现了git服务端的搭建。 搭建自己的git仓库服务端,搭建到云主机,连接方便,但大文件受限于网速。 搭建到局域网,网速快。各有优势,多试多玩,总有收获。 安

    2024年02月13日
    浏览(49)
  • 【http-server】http-server的安装、前端使用http-server启动本地dist文件服务:

    一、http-server 简介: http-server 是一个简单的零配置的命令行 http服务器,它足够强大便于生产和使用,用于本地测试和开发。 有时候我们打开一个文档使用file协议打开的时候,不能发送ajax请求,只能使用http协议才能请求资源,具体的区别大家可以去参考[这篇文档] (www.cnblo

    2024年02月16日
    浏览(35)
  • Oracle VM VirtualBox 虚拟机搭建(以 ubuntu-20.04.6-live-server-amd64 镜像为例)(请勿转载)

    第一步:安装Oracle VM VirtualBox 1.1:双击打开 Oracle VM VirtualBox 下载地址: 链接:https://pan.baidu.com/s/1J7D4WZs24vUL54rQhFZICQ  提取码:2hgk 1.2:点击    “下一步” 按钮 1.3:点击    “下一步” 按钮 1.4:点击 “是” 立即安装 1.5:点击 “安装” 按钮 1.6:等待安装进度 1.7:安装

    2024年04月28日
    浏览(32)
  • 本地使用IIS快速搭建一个属于自己的网站,并发布公网访问「无需购买云服务器」

    在网上各种教程和介绍中,搭建网页都会借助各种软件的帮助,比如网页运行的Apache和Nginx、数据库软件MySQL和MSSQL之类,为方便用户使用,还出现了XAMPP、PHPStudy、宝塔面板等等一系列集成服务,都是为了方便我们能快速建立网站。是不是不适用这些软件就无法建立网站了呢?

    2024年02月05日
    浏览(48)
  • CentOS7使用Docker搭建Joplin Server并实现多端同步与公网使用本地笔记

    Joplin 是一个开源的笔记工具,拥有 Windows/macOS/Linux/iOS/Android/Terminal 版本的客户端。多端同步功能是笔记工具最重要的功能,只有实现了多端同步,我们才能在工作电脑和手机之间无缝切换笔记体验。 本文介绍如何在自己的服务器上利用docker搭建 Joplin Server,并对同步进行配置

    2024年04月17日
    浏览(30)
  • 在群晖NAS上快速搭建属于自己的Git Server

    群晖NAS套件中心是有Git Server套件的,只要在套件中心安装即可。但是需要注意的是: git 相关的命令需要使用 SSH 客户端连接到NAS上进操作。 配置git时需要使用 管理员权限账户,而 push / fetch 使用的账户一般都为普通用户,一定要注意权限问题。 安装Git Server套件 创建用来存

    2024年02月02日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包