server vscode中的live_vscode-Live Server的使用心得

一，安装Live Server插件(不详细说明了)

二，开启Server(服务)

有四种方式：

在窗口的最底部有Go Live可以点击，一旦点击，就会自动在浏览器中打开HTML文件

在HTML文件中右键，然后点击open live server

快捷键 (alt+L, O) 打开服务   (alt+L, C) 关闭服务

按F1,然后在输入栏中输入 Live Server: Open Live Server to start a server  打开服务，或者 Live Server: Close Live Server to stop a server 关闭服务

三、关于Live Server的配置

{

"liveServer.settings.port": 8080, //设置本地服务的端口号

"liveServer.settings.root": "/", //设置根目录，也就是打开的文件会在该目录下找

"liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器

"liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222",

"liveServer.settings.NoBrowser": false,

"liveServer.settings.ignoredFiles": [//设置忽略的文件

".vscode/**",

"**/*.scss",

"**/*.sass"

]

}

四、使用注意事项

1、设置服务根路径的配置，只能设置到文件夹，不能设置到具体的HTML文件，例如 /dist/test.html  结果能打开页面，但是文件里面引用的文件加载出现报错。

2、根目录下会自动打开index.html

vscode Live Server使用

vscode 的Live Server插件可以开启本地服务器

Windows环境下vscode Live Server插件如何开启https

0x01 vscode http插件 Live Server如何开启https 在本机端的开发环境下,如果要测试一些需要HTTPS的功能可以使用mkcert给自己颁发凭证 0x02 安装步骤如下: 1 ...

技巧~向URL地址添加参数

只是个小技巧,感觉挺有用,拿出来分享一下 功能:在URL地址上添加参数,如果只有一个,会是?userid=1,需要是大于1个,会是&userid=1 实现: private string Ad ...

Express学习(1) ------Express 入门

Express 是node 第三方框架,大家都知道,框架的意义就在于能大大简化程序地开发.那么我们就看一下Express是怎么简化node程序开发的. 1,用Express写一个hello world ...

使用Intellij idea新建Java Web项目(servlet) 原理及初步使用

准备 JDK       (配置JDK_HOME\bin   和 CLASSPATH)   注:JDK8下载已经需要注册了,请使用JDK11(现在是官方长期支持的版本)     对于我们新手来说,JD ...

sublime,webstrom,vscode的使用感受,以及对于vue和webpack的支持,还有一些快捷键使用心得

从最开始用sublime3到webstrom再到vscode,我的感觉如下: sublime首次加载项目文件速度较快,每次装插件有点麻烦,插件很丰富,也很好用. webstrom首次加载项目文件速度奇 ...

SQL Server 2008安装过程中的一些问题和心得

开博客已经好久了,但一直没有用起来,也有很多"老人"劝诫我,好记性不如烂笔头,于是一年后的我重拾博客,打算记录一些我在计算机方面遇到的一些问题和心得. 前几天重装了Win10系统, ...

随机推荐

UVALive 4849 String Phone(2-sat、01染色)

题目一眼看去以为是4-sat... 题意:给n(n<=3000)个黑方块的坐标,保证黑方块没有公共边.对于每个黑方块选一个角作为结点,使得所选结点满足输入的一个无向图.其中距离为曼哈顿距离.输出 ...

tomcat servlet 线程

在服务器里,有一个servlet,当客户端第一次访问服务器时,tomcat会 帮我们建一个servlet的对象出来,(注意: tomcat里面可能部署了10个Servlet,如果某一个Servlet从 ...

poi大数据导入解决方法

This one comes up quite a lot, but often the reason isn't what you might initially think. So, the fi ...

win7 变WIFI热点 &amp&semi; 在线Linux 内核代码

https://daniel.haxx.se/docs/sshproxy.html netsh wlan set hostednetwork mode=allow ssid=mywifi  key=1 ...

SDP(6)：分布式数据库运算环境- Cassandra-Engine

现代信息系统应该是避不开大数据处理的.作为一个通用的系统集成工具也必须具备大数据存储和读取能力.cassandra是一种分布式的数据库,具备了分布式数据库高可用性(high-availability) ...

C&num;创建、读写、增加、删除XML操作

using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threa ...

Appium&plus;java 获取元素状态

元素的属性我们经常会用到,当定位到某个元素后,有时会需要用到这个元素的text值.className.resource-id.checked等.  一般标准的属性我们都可以通过get_attribut ...

boost asio 学习&lpar;八&rpar; 网络基础 二进制写发送和接收

http://www.gamedev.net/blog/950/entry-2249317-a-guide-to-getting- started-with-boostasio?pg=9 8. Net ...

nginx rewrite规则last与break的区别

概要:break和last都能阻止继续执行后面的rewrite指令,last如果在location下的话,对于重写后的URI会重新匹配location,而break不会重新匹配location. 区别 ...

css实现栅格的方法

1. 方法一 1.1. 效果 2. 方法二 2.1. 效果 3. 代码 3.1. Html /p>