首页 > 其他分享 >ES6 Module模块,在vsCode中已服务器模式运行HTML文件

ES6 Module模块,在vsCode中已服务器模式运行HTML文件

时间:2023-09-08 19:55:05浏览次数:55  
标签:ES6 vsCode Module Server Live HTML

操作步骤如下:

一、安装Live Server 插件

二、点击扩展设置

三、设置live server默认打开浏览器为“chrome”

四、配置-工作区

五、在HTML文件中,右键选择"open with Live Server"

 输出结果

 

标签:ES6,vsCode,Module,Server,Live,HTML
From: https://www.cnblogs.com/liushihong21/p/17688403.html

相关文章

  • HTML5有序无序标签
    标签分为有序标签和无序标签,有序标签为<ol><li>,无序标签分为<ul><li>有序标签<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width......
  • 直播软件源码,html文本框选中后显示其它颜色
    直播软件源码,html文本框选中后显示其它颜色1.texthtml <inputtype="text"name="title"id="title">​CSS #title:focus{   outline:none;   border:1pxsolid#fafafa;   -webkit-box-shadow:0px0px6px#ffbfbf;   -moz-box-shadow......
  • HTML5与CSS3实现动态网页(下)
    js完整的javascript是有ECMAScript(语法)BrowserObjects(DOMBOM)特性组成的。//单行注释/**/多行注释ECMASxript中的一切(变量函数名和操作符)都区分大小写1:什么是标识符变量函数属性的名字或者函的参数2:表示符命名规则有字符数字下划线或$符号......
  • web前端技能方法总结(css、js、jquery、html)
    CSS设置背景(background)背景颜色background-color背景图片background-image背景重复background-repeat:repeat-x/repeat-y背景位置background-position:bottom/left/top/right/center背景关联background-attachment:fixed/scroll综合写法:.tagName{background:#ffffffurl(“a......
  • HTML5与CSS3实现动态网页(下)
    js完整的javascript是有ECMAScript(语法)BrowserObjects(DOMBOM)特性组成的。//单行注释/**/多行注释ECMASxript中的一切(变量函数名和操作符)都区分大小写1:什么是标识符变量函数属性的名字或者函的参数2:表示符命名规则有字符数字下划线或$符号组成不能以......
  • vscode插件开发笔记
    https://code.visualstudio.com/api/get-started/your-first-extensionnpminstall-gyogenerator-codeyocode正常开发选择ts或者js结果如下,package.json的contributes.commands节点控制命令生命,contributes.menus定义菜单extension.ts里面注册事件exportfunctionactivat......
  • vscode 打开文件,自动增加tab页
    关闭预览模式打开设置,搜索enablepreview,关闭该选项......
  • HTML视频背景(动态背景)
    网页动态背景一般是用视频实现的,能增添网页的感染力,我觉得很好看,也不难,不妨学一下。先加入下面一串代码:1<style>2video{3height:100%;4width:100%;5position:absolute;6......
  • 在WSL中使用code . 启动vscode失败 解决
    1、第一步在windows上找到vscode的安装目录可以使用everything搜索MicrosoftVSCode2、在WSL中vim~/.bashrc添加exportPATH=“$PATH:/mnt/d/xxx/xxx/MicrosoftVSCode/bin”3、执行source~/.bashrc然后再wsl中执行code.就可以了......
  • gitee官网创建仓库和git操作【vscode】
    gitee官网创建仓库和git操作【vscode】   创建成功后可以去你的目标路径下,选择git bash设置全局账号信息(第一次需要)。   打开vscode。 Ctrl+shift+p(快捷键) 打开,选择Git:克隆。     回车:  打开 选择是: 然后去路径查看,已经拉取......