LiveServer

利用flex来布局顶部菜单栏

安装vscode插件csspeek：快速定位到css定义的位置微软的livepreview替换liveserver因为这个好像不支持utf8前置css知识span标签是一个行内容器，用于标记文本的一部分

学习做游戏中·2025-02-24 08:08

如何启动一个静态的前端工程的服务

使用场景在前端开发过程中，可能会要对发布到生产的包做验证或者要本地运行一个开源的包的实例，这时候就需要在本地启动一个前端服务，一般有以下两种方式运行方式Live-Server通过VsCode去安装插件LiveServer

·2025-01-16 14:14

移远5G平台交叉编译C++、OpenSSL

交叉编译环境为ubuntu18（我用的是最小安装的liveserver）。交叉编译工具：unisoc-in

初级代码游戏·2024-08-23 13:07

VS-Code-HTML-CSS-JS配置

LoveEmiliaForeverHTML开发环境搭建AutoCloseTag自动闭合HTML标签AutoRenameTag自动完成两侧标签同步修改HTMLSnippetsHTML代码提示补全openinbrowser右键打开浏览器运行文件LiveServer

LoveEmiliaForever·2024-02-19 21:38

js的cookie设置(拉到最后面有jQuery的)

完整代码//存储在cookie中的数据，vscode中安装liveserver插件查看cookie。//cookie不支持以运行本地文件的方式增删改查。/*一、Cookie是什么?

萧寂173·2024-01-29 23:39

【前端工程化】五：webpack5快速入门（二）

webpack-dev-server要实现在开发时修改了文件可以自动编译展示，可以使用webpack的watch属性为true和vscode的liveserver插件，即观察模式//webpack.config.jsmodule.exports

Whoopsina·2024-01-29 15:27

前端工程化之 webpack ＜二＞

八、webpack开发服务器配置8.1本地服务器webpack-dev-server目前开发的代码，为了运行需要有两个操作：操作一：npmrunbuild，编译相关的代码操作二：通过liveserver

原来是有理数·2024-01-25 12:58

re:从0开始的HTML学习之路 8. 路径问题

路径问题都至关重要，只要需要引入资源，必定使用路径2.物理路径比如在我的电脑上，图片所在的路径是D:\Working\WEB\dream.gif如果在HTML中用物理路径引入图片，并在vscode中右键用LiveServer

扶摇|·2024-01-22 08:13

vsCode自动保存与浏览器自动刷新

打开vscode，点击左下角的扩展下载livesever二、在编辑的html页面，右键-->openwithlivesever三、查看浏览器（直接修改内容，不需要去浏览刷新，保证即可自动刷新）四、如果liveserver

Oneforlove_twoforjob·2024-01-18 07:55

在VSCode中使用Live Server真机调试

转载：在vscode中使用LiveServer真机调试_vscodeliveserver-CSDN博客第一步安装LiveServer1、在vscode中搜索LiveServer并安装2、安装完成之后鼠标右键单击

Oneforlove_twoforjob·2024-01-18 07:25

vscode安装Live server插件后不能实时刷新的解决办法

vscode安装Liveserver插件后不能实时刷新的解决办法找了一堆帖子，什么改cookie，删安装包，最后发现，只要设置“自动保存”就解决了修改前：修改后：

frank_100·2024-01-18 07:24

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

转载：vscode运行LiveServer报错：Windows找不到文件‘chrome‘，请确定文件名是否正确后，再试一次。

Oneforlove_twoforjob·2024-01-18 07:50

vscode安装和基本设置

目录vscode安装和基本设置1.HTML标签2.标签属性3.HTML基本结构4.安装vscode5.安装LiveServer插件6.HTML注释7.文档说明8.HTML字符编码9.HTML设置语言10

Muko_0x7d2·2024-01-18 05:12

ubuntu-20.04.6-live-server-amd64安装教程-完整版

简介Ubuntu20.04.6LiveServerAMD64安装教程-完整版"提供了详细的指南，旨在帮助用户在使用AMD64架构的服务器上安装Ubuntu20.04.6LiveServer版本。

晓夜残歌·2024-01-17 01:15

在vscode编辑器中，如何实现手机端调试页面

1:安装liveserver插件要想在移动端调试，首先得本地起一个服务，这时候就用到了liveserver插件。

随笔记呀·2024-01-16 22:30

vscode常用插件

//JavaScript代码段,方便js代码JavaScript(ES6)codesnippets//vue代码自动格式化插件,统一代码格式vetur//html快速预览liveserver//带着色的括号

满上·2024-01-16 15:05

前端开发Vscode常用插件管理

就可以开闭元素）Chinese：中文汉化插件DraculaOfficial：最喜欢的吸血鬼背景ElementUISnippets：饿了吗组件的代码提示element-ui-helper：饿了吗组件的元素提示LiveServer

Robber2000·2024-01-16 15:09

软件领域新手方向

单机游戏)；桌面应用三.B/S架构软件（分前端，后端）(Browser刘览器，Server服务端)以网站的形式与客户交互的软件；前端1.软件：一.VisualStudioCode(插件html,css,LiveServer

_阿伟_·2024-01-14 17:15

【vitest 单元测试】如何蹭 ant-design-web3 的PR

ant-design-web3前言查看单测覆盖情况运行命令，本地会生成一份临时目录通过liveserver打开html即可点开具体文件地址，可以查看文件覆盖的行数开发场景的经验只执行某个文件的test响应式场景查看

thinkasany·2024-01-11 11:01

前端开发vscode 常用插件记录

通用插件：一、liveServer主要作用是提供一个本地开发服务器，以便实时预览和调试网页应用程序。

MissXu666·2024-01-11 08:41

常用工具集合

1、前端vscodeplugins：Chinese(Simplified)(简体中文)EasySass:scss编辑生成css文件LiveServer:Launchalocaldevelopmentserverwithlivereload2

@Within·2024-01-11 02:18

使用VS Code远程开发小游戏，并实现公网访问本地游戏

配置MENJA小游戏公网访问地址4.实现公网访问MENJA小游戏5.固定MENJA小游戏公网地址前言在本篇博客中，我们将分享如何通过VSCode实现远程开发MENJA切块小游戏，并使用VSCode并结合LiveServer

是Yu欸·2024-01-08 13:21

Windows找不到文件‘chrome‘，请确定文件名是否正确后，再试一次。

目录一、打开设置二、搜索LiveServerConfig（1）安装LiveServer插件（2）打开settings.json编辑（3）添加配置三、如何查看chrome的安装路径一、打开设置打开路径：文件

Roc-xb·2024-01-05 10:24

前端常用的Vscode插件

Vscode插件1.Chinese(Simplified)(简体中文)LanguagePackforVisualStudioCode--Vscode中文插件2.CodeRunner--快速运⾏调试代码3.LiveServer

狐说狐有理·2023-12-31 00:45

创建Vue项目+webpack打包

基于Vue-cli使用webpack进行打包准备1、使用vscode安装vetur、eslint、LiveServer、HTMLCSSSupportJavaScriptSnippetpack、HTMLsnippets

桔Bu·2023-12-30 14:10

Three.js基础入门介绍——Three.js学习二【极简入门】

准备开发环境下载官网提供的three.js-master代码包，官方提供的示例和相关库文件都在里面点击进入官网下载安装vscode编辑器点击进入官网安装好后，在vscode的插件市场搜索LiveServer

小猪猪哟·2023-12-29 17:23

黑糖厚乳拿铁·2023-12-28 12:45

VScode下安装Live-Server的流程及vue devtools问题

live-server进行服务器环境搭建在vscode下安装live-server1.jpg设置live-server配置项2.jpg在第一个settings.json中更改设置3.jpg更改配置代码"liveServer.se

卡布奇洛oh·2023-12-28 02:50

VScode--HTML简单配置

ctal+shift+P:输入displaylanguage可以实现语言的切换HTML开发时方便在浏览器查看：liveserver插件HTML--美化格式插件--Prettier-CodeFormatter

小杜℃·2023-12-26 23:04

前端--vscode常用插件

一、实时预览效果liveserver安装插件后，需要搜索“autosave”，设置“files:autosave”为“afterDelay”和1000二、显示缩进indent-rainbow三、以不同颜色区分括号

闭关の阿洁·2023-12-25 10:52

mac电脑html文件局域网访问

文件局域网访问参考https://blog.csdn.net/qq_38935512/article/details/103271291mac电脑html文件局域网访问开发工具vscode安装vscode插件LiveServer

小墨宝·2023-12-16 13:04

Unity打包到Webgl平台以及遇到的问题

的全过程及在打包和使用过程中会遇到的问题(本地测试)-CSDN博客unity打包到Webgl并配置能正常运行这里我用的是Unity2022.3.3f1c1版本有两种方法1、配置本地web服务2、安装vsCode>添加插件LiveServer

unity_http·2023-12-14 21:42

关于vscode的一些插件

BracketPairColorizer给嵌套的各种括号加上颜色3，HighlightMatchingTag匹配成对的HTML标签或括号并高亮显示4，AutoRenameTag自动修改匹配的HTML标签5，LiveServer

强者zq·2023-12-03 20:35

vscode里面使用vue的一些插件，方便开发

1.1VueVSCodeSnippets2、veturVetur支持.vue文件的语法高亮显示，除了支持template模板以外3、ElementUISnippets(饿了么的提示)4、indent-rainbow（缩进高亮提示)5、LiveServer

追风者爱编程·2023-12-02 06:25

JSON文件中的数据渲染到页面（jquery）

首先我们先了解一下需要用到的东西：①一个含有数据的JSON文件②一个VScode插件（方法之一）liveserver(访问本地json文件存在跨域问题)③一个jquery包④我们分别采用jquery的each

又又爱拍照·2023-12-01 00:14

Vscode实现PHP在浏览器实时预览

那就是使用“LiveServer”，也许你会说：“什么？这不是实时预览html的吗？你不是在开玩笑吧。”那我只能说是咱大家见识少了，我看见的第一瞬间也是不相信的，只是我发现了谷歌浏览器

Koyeta·2023-11-30 14:55

VSCode 实时预览HTML网页效果 - Live Server插件

操作步骤1.打开VScode，点击坐标工具栏的最后一个进入插件安装2.在搜索框中输入LiveServer，在搜索结果中找到LiveServer，选择安装3.实时预览，在文件上单击右键，选择OpenWithLiveServer

鳄鱼儿·2023-11-30 14:22

Vue前端开发规范

webstorm、sublime、Atom统一开发，尽量使用VSCode，轻量、插件多，免费1.2工具插件（VSCode）Vue开发插件：eslint、HTMLCSSSupport、HTMLSnippets、LiveServer

waynian·2023-11-28 11:07

VsCode 关于EsLint校验关闭严格模式

vsintellicode.modify.editor.suggestSelection":"automaticallyOverrodeDefaultValue","workbench.colorTheme":"DefaultLight+","liveServer

修复bug·2023-11-28 10:22

网页设计--第4次课后作业

1、安装熟悉LiveServer和Emmet插件工具。两个工具的相关资料和使用方法，大家可以百度搜索，网络上的资源很多。

wyhwust·2023-11-28 09:22

vscode 格式化-settings.json

workbench.editor.enablePreview":false,//打开文件不覆盖"search.followSymlinks":false,//关闭rg.exe进程"editor.minimap.enabled":false,//关闭快速预览"liveServer.settings.donotSho

橘子不橙·2023-11-19 23:43

vscode必须安装的两个插件

文章目录LiveServerVueLanguageFeatures(Volar)LiveServer用来启动html+js+css项目。

思想永无止境·2023-11-12 17:15

vscode | 开发神器vscode必备优秀插件

目录一、koroFileHeader1.1使用方法1.2配置推荐二、MarkdownPreviewEnhanced三、filesize四、ProjectManager五、LiveServer六、Bookmarks

秋堂主·2023-11-04 06:14

vscode配置setting.json

bracketPairColorizer.depreciation-notice":false,"workbench.preferredLightColorTheme":"VisualStudioLight","liveServer.settings

Nakano_May·2023-11-03 12:15

Webpack搭建本地服务器

目前我们开发的代码，为了运行需要有两个操作：操作一：npmrunbuild，编译相关的代码；操作二：通过liveserver或者直接通过浏览器，打开index.html代码，查看效果；这个过程经常操作会影响我们的开发效率

coder!mq·2023-11-03 04:26

Vue2学习笔记

一、VScode插件1、vue编写提示插件Vue2Snippets2、加载当前目录所有资源的插件，会在5500端口工作liveserver二、浏览器调试访问Vue页面时，控制台提示：YouarerunningVueindevelopmentmode.Makesuretoturnonproductionmodewhendeployingforproduction.Seemoretipsathttps

知远同学·2023-11-02 08:35

React 入门：开发环境搭建

文章目录开发环境vscode编辑器安装安装LiveServer扩展下载React相关离线js类库下载React相关js类库使用React写Hello,React使用LiverServer运行Hello,

西涯三锋·2023-10-29 14:07

怎么在本地电脑上运行vue项目打包出来的dist文件

怎么在本地电脑上运行vue项目打包出来的dist文件首先在VisualStudioCode中安装liveserver插件然后在npmrunbuild,打包出我们的dist文件然后在用VisualStudioCode

zayyo·2023-10-28 23:00

VSCode 设置热更新

1.打开应用商店，搜索liveserver，选择第一个，点击安装。2.随便打开一个HTML文件，在文件中右键点击，选择OpenwithLiveServer打开网页。

小吴吴吴呀·2023-10-27 08:50

VSCode常用扩展

Chinese(Simplified)(简体中文)LanguagePackforVisualStudioCode[推荐]显示简体中文，vscode汉化CodeRunner[推荐]LiveServer[推荐

sjslln·2023-10-23 19:43

推荐频道