首页 > 其他分享 >如何在vscode上运行前端代码

如何在vscode上运行前端代码

时间:2022-11-10 13:58:26浏览次数:46  
标签:vscode 前端 Live Server 点击 代码 运行 页面

vscode 可安装静态web服务器 Live Server用于运行前端代码

启动localhost运行

安装方法是,点击左侧第五个图标,打开“扩展”页面,在文本框中输入Live Server,点击第一个搜索结果,在右侧页面中点击安装,等待安装完成。

运行方式是,选中项目,点击屏幕下方工具栏中的Go live按钮即可。再点击一次,即停止运行服务器。

Live Server有一些默认配置选项,用户可以修改。点击 文件->首选项->设置, 在右侧页面中找到 Live Server Config,其中列出的是本插件的配置属性。将其复制到右侧,修改属性值,点击保存即可。

例如,修改默认的端口,可以复制以下代码到页面的右侧的用户设置中:

 

 

 

 

"liveServer.settings.port": 5501

 

标签:vscode,前端,Live,Server,点击,代码,运行,页面
From: https://www.cnblogs.com/djd66/p/16876790.html

相关文章

  • 好用的在线客服系统Go语言源码-GOFLY ( 开源代码+安装教程)
    功能列表1.即时通讯2.访客链接3.公告信息4.欢迎信息5.离线信息5.单点登录6.浏览器通知7.邮箱通知搭建运行环境Linux环境逐句执行以下命令wgethttps:......
  • vscode升级到1.73后,ctrl+shift+b编译失败原因
    昨天将vscode升级到了1.73.0,今天发现以前一直使用的ctrl+shift+b无法编译,但是直接使用指令是可以编译的,我这里是用来编译arm的,使用的是arm-none-eabi,后来发现是task.jso......
  • UE代码重构方法
    代码重构开发过程中,需要对class、function、enum、variable改名,此处介绍如何处理。一、可以明确对象被少量引用父类修改:直接打开蓝图,然后在ClassSettings>ClassOp......
  • Java使用lamda表达式简化代码
    代码,自然写的越简洁越好啦,写的人舒服,看的人也舒服,一切为了高效。要把有限的时间花到其它有意思的事情上去。目的学习简化代码的思路,使用jdk8新特性lamada表达式。推理......
  • ORA-00600 内部错误代码:
    发现对某个表进行操作时突然报改错(后面在其他生产环境也发现过其他表出现同样的报错),网上说是oracle11g本身的问题,不想动生产环境解决办法:导出数据,重新建表导入数据错误消......
  • 什么是前端
    前端三大核心技术结构、样式、行为HTML、CSS、JavaScriptJS三大核心组成部分DOMBOMECMAScript(文档对象模型)......
  • 在PetaLinux工程中调试关键模块代码
    在PetaLinux工程中,与单板相关的UBoot、Linux等模块,经常需要编辑、调试。在旧版本中,可以为UBoot、Linux选择“ext-local-src”,指定UBoot、Linux的代码,从而使PetaLinux使......
  • pycharm 调代码常见问题
    1.  “NoPythoninterpreterconfiguredfortheproject”   没有为项目配置Python解释器。  解决办法:在选择 file-》setting,然后界面如下:在project......
  • Windows路径或者Linux路径映射成web路径进行访问代码
    packagecom.soft.mpms.zframe.config;importjava.io.File;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.servlet.c......
  • 爱心代码
    <html><head>  <metacharset="utf-8">  <title>loveHeart</title>  <linkrel="shortcuticon"href="http://zhouql.vip/images/心.png"type="image/x-icon......