vs-code打开本地服务器

最新推荐文章于 2025-07-14 15:50:24 发布
原创 最新推荐文章于 2025-07-14 15:50:24 发布 · 1.9w 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用live-server快速搭建本地开发服务器，并通过简单的命令实现在浏览器中预览项目。具体步骤包括：1. 使用npm或cnpm全局安装live-server；2. 运行live-server命令即可在指定地址访问。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、安装npm install -g live-server或者cnpm install live-server -gf
2、再运行live-server就可以在http://127.0.0.1:8080访问
这里写图片描述

【Visual Studio Code】--- 连接 SSH 服务器终端 直接开发
秋知叶i
11-29 2164
在编程的艺术世界里，代码和灵感需要寻找到最佳的交融点，才能打造出令人为之惊叹的作品。而在这座秋知叶i博客的殿堂里，我们将共同追寻这种完美结合，为未来的世界留下属于我们的独特印记。
VS Code -- sftp 插件 -- 同步代码到到服务器
飞奔的蜗牛
01-11 1万+
背景 在日常开发工作中，在远程服务器上执行代码的编译、测试工作；在本地个人笔记本上进行代码的编辑、修改工作。那么，如何把笔记本上的代码便捷的上传到服务器就是需要解决的问题。 所幸，VS Code 中的 sftp 插件可以帮助我们便捷的完成这一工作。 安装 sftp 插件 在 vs code 中使用 cmd + shift + x 命令打开插件管理器 在插件管理器的搜索栏中搜索 “sftp” 点...
VScode开启本地服务器及本地调试
haogemr的博客
08-30 1488
1.在商店里找到Debugger for Chrome这个插件，点击安装 2.用npm安装一个包来开启本地服务器 npm install -g live-server 3.在终端输入：live-server 会出现下面的信息 4.在浏览器输入http://127.0.0.1:8080，即可打开页面如下所示 5.如果想让开启服务时打开指定页面需要做如下配置 按照步骤打开如下文件 配置为 ...
vscode怎么用命令行打开本地项目（code .）
热门推荐
Dontla的博客
01-15 1万+
①切换到项目所在文件夹②在当前文件夹打开控制台（如果不会可以看我之前的控制台设置博文）③控制台运行code .就能打开了20230816。
vscode连接远程服务器（非常详细）从零基础到精通，收藏这篇就够了！
最新发布
Python_0011的博客
07-14 908
对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图&学习规划。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。安装完成之后，启动vscode，选择左侧。因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取。因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取。因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取。因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取。，我也为大家准备了视频教程，其中一共有。的事情了，而工作绕不开的就是。
vscode 实现本地服务器部署小结
sinat_33255495的博客
05-09 978
在查阅 MDN 网站的时候，偶然发现的原来 vscode 也可以实现本地化服务器部署，来模拟服务器的运行。
VScode - 模拟本地服务器插件(live Server)
资深程序员
08-21 8545
live Server 运行 在VScode最底部右边有一个如图icon，点击运行即可。
vscode远程服务器并运行调试
m0_64625959的博客
03-21 1231
1、在vscode中安装Remote-SSH(至于怎么安装这里不做教学了,学到远程开发说明已经在掌握了基础）2、安装完成后，重启，左下角有一个小图标点击这个小图标。3、点击配置新的主机4、输入ssh 用户名@主机名，这里我输入我的虚拟机用户名和IP5、点击连接6、输入完成后点击打开文件夹，然后找到odoo服务所在的文件夹，然后确定。
airflow-code-editor:Apache Airflow的插件，可让您在浏览器中编辑DAG
04-27
您可以使用它来查看Git历史记录，查看本地更改并提交。 系统要求 气流版本1.10.3或更高版本 git版本2.0或更高版本 屏幕截图 部署说明 安装插件 点安装气流代码编辑器 （可选）安装Black Python代码格式化程序。 点...
RN项目集成react-native-code-push（一）-- Linux搭建code-push-server服务器
木槿小凡的博客
02-22 1090
第一部分：环境准备 环境：centerOS（7.7）、docker、git、nodejs(10+)、mysql(5.7)、yarn 说明：括号内为本次搭建使用的版本 一、安装docker 1.安装命令 curl -fsSL https://get.docker.com/ | sh 2.启动docker sudo systemctl restart docker 3.查看版本 docker vers...
代码连接：通过任意终端连接在本地运行的Visual Studio Code实例中打开文件
02-16
假设您刚刚使用自己喜欢的终端通过SSH进入远程服务器，并想在本地VS Code实例中打开Web服务器配置文件。 因此，您键入code nginx.conf ，该code nginx.conf在此终端中不起作用。 但是，如果尝试在集成终端中运行...
vscode模拟开启一台服务器，用于模拟前端运行打包后的文件
weixin_52517566的博客
04-02 457
这个库用做创建一台以某个文件夹内为服务器的 ，在react项目中，在使用命令打包成build后，可在项目文件夹中直接使用serve -s build来将build文件夹作为一台服务器。这样就能运行build文件夹。一、全局安装serve库：npm i -g serve。
【VSCode】在 VSCode 中运行 HTML 页面并通过 HTTPS 访问
姜太小白的博客
04-18 1269
在 Visual Studio Code 中运行 HTML 页面并通过 HTTPS 访问
本地vs code 插件 模拟服务器环境调试前端包(live-server 运行dist包,并解决接口跨域问题)
weixin_43187898的博客
03-07 1630
3. 找到vscode右下角的“Go Live”按钮,点击就会执行一个默认端口号为5555web服务。4. 打开setting.json配置live-server端口号代理等属性。1. 安装vscode live-server插件。2. 用vscode单独打开dist。
最新版Visual Studio Code下载及远程连接服务器（很详细哦）
weixin_42105848的博客
05-08 3148
最近在使用Visual Studio Code软件，使用它的理由主要有两点：**1、远程连接服务器很方便；2、是同时支持多种语言以及多种操作系统的代码编辑器，可免费使用**。这让谁不心动啊！在这里，我将结合自己的使用及配置经验为大家讲解此篇博客，希望大家可以有所收获。...
【VScode】VSCode前端文件（html文件）如何以服务器模式打开
姜太小白的博客
05-09 1227
方法1： VSCode前端文件（html文件）如何以服务器模式打开？ 比如工程下有一个A.html文件，想在VSCode里面直接操作，就想Webstorm一样，以http://localhost/xxx/xx/xx/A.html这样的形式在浏览器中访问。 发现只有一个 View In Browser 插件，但是并不是这样的形式，求大神解答？ npm install http-server -g 在项目目录打开终端输入 hs 就可以启动web服务器了，很简洁 方法2： VScod..
vscode连接服务器步骤
Yao_Wan的博客
04-02 1112
安装完成后后下角会有提示说重启，点击重启就行。4. 设置自动保存点击右上角的文件——首选项——设置，在搜索框中输入自动保存。
VSCode启动本地服务器
leo_v_l的博客
05-09 1963
VSCode启动本地服务器 终端输入： live-server
在vscode中安装使用live Server（前端搭建自己的本地服务器环境）
z1093541823的博客
04-27 4611
在vscode中安装使用live Server（前端搭建自己的本地服务器） 在扩展中搜索live Server，找到并下载，下载完后点击设置图标，点击扩展设置
代码连接：远程终端一键打开本地VS Code文件
这意味着开发者可以在任何终端上直接使用VS Code打开文件，无论是在本地还是远程服务器上。 5. **先决条件**： - 描述中还提到了先决条件，即这个项目需要基于Linux环境，并且对Mac的支持需要确认。这表明在不同...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值