VsCode插件之Live Serve探秘.(上)
时间:2022-07-28
本文章向大家介绍VsCode插件之Live Serve探秘.(上),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
设定值
-
liveServer.settings.port
:自定义Live Server的端口号。如果需要随机端口号,请将其设置为0
。
-
liveServer.settings.root
注意:要在工作空间文件夹结构之间更改服务器的根目录,请使用/
和来自工作空间的绝对路径。
-
liveServer.settings.CustomBrowser
:更改系统的默认浏览器。 不够?需要更多?在github上打开一个issue / pull请求。现在,使用liveServer.settings.AdvanceCustomBrowserCmdLine
设置(请参阅下文)。
-
liveServer.settings.AdvanceCustomBrowserCmdLine
: 使用高级命令行设置任何喜欢的浏览器(例如Chrome Canary,Firefox Nightly)。(您可以指定自己喜欢的自定义浏览器的完整路径)。 注意:请使用AdvanceCustomBrowserCmdLine
或CustomBrowser
。如果同时使用,AdvanceCustomBrowserCmdLine
则优先级更高。
-
liveServer.settings.ChromeDebuggingAttachment
:启用Chrome调试到Live Server的附件。[快速Gif演示]。
-
liveServer.settings.NoBrowser
:如果为真,则实时服务器将在没有打开浏览器的情况下启动。
-
liveServer.settings.ignoreFiles
:忽略特定的文件更改。 [ “ .vscode / ** ”, “ ** / *。SCSS ”, “ ** / *。SASS ”, “ ** / *。TS ” ] 现在,默认情况下,Live Server将不会跟踪您.scss
&.sass
文件的更改。
-
liveServer.settings.donotShowInfoMsg
:要关闭信息弹出消息,例如“服务器以端口xxxx启动”或类似的消息。若要将其关闭,可以将值设置为true
,也可以在弹出信息消息时单击“不再显示”。
-
liveServer.settings.host
:在localhost
和之间切换主机名127.0.0.1
。
-
liveServer.settings.additionalTagsForLiveReload
:(实验功能-测试版)[此设置已删除,此功能可以用Live Server Web Extension代替]
-
liveServer.settings.donotVerifyTags
:如果HTML中缺少正文,头部或其他支持标签,则关闭提示警告消息。
-
liveServer.settings.https
:启用https协议。 “ liveServer.settings.https”:{ “ enable”:false , //将其设置为true以启用该功能。 “ cert”:“ C:\ https \ server.cert” , //完整路径 “ key”:“ C:\ https \ server.key” , //完整路径 “ passphrase”:“ 12345” } ,
-
liveServer.settings.proxy
:启用代理。 / * 简单来说,这意味着您要将真实的URL(实际的PHP URL) 转移到另一个URL(LiveSever将开始)。 * / “ liveServer.settings.proxy”:{ “ enable”:false , //将其设置为true以启用该功能。 “ baseUri”:“ /” , //您要代理的位置。 “ proxyUri”:“ http:// localhost / php /” //实际的网址。 } ,
-
liveServer.settings.useWebExt:
:如果是这样true
,Live Reload将由Live Server Web Extension完全控制。而且,无论您的HTML是否带有<body>
标签都没有关系,Live Reload将适用于每个文件。?
-
liveServer.settings.fullReload:
:默认情况下,Live Server会在不完全重新加载浏览器的情况下注入CSS更改。您可以通过将此设置设置为来更改此行为true
。
-
liveServer.settings.wait:
:在实时重新加载之前延迟。以毫秒为单位的值。
-
liveServer.settings.mount:
:将目录安装到路由。 { “ liveServer.settings.mount:” [ [ “ /” , “ / path1” ] , [ “ /” , “ / path2” ] , [ “ / root” , “ / dist” ] ] }
-
liveServer.settings.useLocalIp:
:使用本地IP作为主机。
-
liveServer.settings.file:
:入口点文件的路径。对SPA有用
-
liveServer.settings.multiRootWorkspaceName:
:这是您在多根工作区中时服务器的入口点。- 默认:
null
- 您可以使用“命令面板
ctrl+shift+p
”进行更改并输入Live Server: Change Live Server workspace
- 提示:您不需要设置此设置,Live Server足够聪明,它将通过询问任何HTML文件来自动询问正确的工作空间或自动设置正确的工作空间。
- 默认:
看着其实不小了
我们克隆了一个库,这个是打开的样子
我们先看倒数第一的文件,写了什么.
从名字看是格式化工具,格式化ts代码用的?
规则目录
规则:箭头返回简写
可调用类型
类名
注释格式等
json的可读性是很好的了,基本是见名知其义.自己研究一下
可以这样辅助的看一下,就是有一些非人类
ts配置文件,也是json文件.同上.
编译选项
模块
目标
输出目录
库?(lib)
资源映射
根目录
执行选项,看不懂了...
md文档,可以一看
这个里面是一些描述性的配置?我其实现在还没有看官方的插件编写规范
有一些我看不懂.
但是这个东西应该是上架一个插件的基本信息
你看.有名字版本作者
键值绑定
不知道这么翻译,直译看不了
必须写的东西
版本变更日志
构建脚手架
忽略目录,看不懂
还是一个构建文件,看上去编译的话.推荐unix平台
GitHub忽略目录
测试目录,数字是变更点.有九个
我们打开一个ts文件,虽然没有学过但是还是可以理解个大概
这个文件时扩展文件的测试文件
这没有什么好说的
这边这个东西,在vscode的文档里面也有
看官方文档去吧,很详细了
三个文件概览
我翻译了一个少的
这个是作者做这个好用的插件的初心
这个是构建的时候用的一些api很有研究的意思
这个文章就到这里了.下篇继续
- Codeforces 626G Raffles(贪心+线段树)
- window.opener.location 安全风险讨论
- Vijos P1497 立体图【模拟】
- Vijos P1127 级数求和【模拟】
- 新型漏洞:利用浏览器Cookie绕过HTTPS并窃取私人信息
- Vijos P1113 不高兴的津津【模拟】
- Linux下MySQL的彻底卸载和安装配置字符集
- Codeforces 626F Group Projects(滚动数组+差分dp)
- Vijos P1103 校门外的树【线段树,模拟】
- BZOJ 1061: [Noi2008]志愿者招募【单纯形裸题】
- SQL vs NoSQL:如何选择?
- 线性规划之单纯形法【超详解+图解】
- NodeJS 应用仓库钓鱼
- Codeforces 626D Jerry's Protest(暴力枚举+概率)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- python元组
- python字典、集合
- 秒懂JVM的三大参数类型,就靠这十个小实验了
- Netty之旅三:Netty服务端启动源码分析,一梭子带走!
- Mysql几种join连接算法
- Flutter 学习笔记 16 - Hero 动画
- sdk冲突记录
- 个人账号密码管理体系(密码篇)
- 熬夜7天,我总结了JavaScript与ES的25个重要知识点!
- 【分享】MPSoC SWDT在Standalone下的应用
- 【分享】 PetaLinux工程出现大量Taskhash mismatch错误的原因
- Cypress系列(46)- then() 命令详解
- MultiDex原理
- 跨进程文件锁 - FileChannel
- 聊一聊二分查找法