VSCode前端文件（html文件）如何以服务器模式打开？

方法1：

VSCode前端文件（html文件）如何以服务器模式打开？比如工程下有一个A.html文件，想在VSCode里面直接操作，就想Webstorm一样，以http://localhost/xxx/xx/xx/A.html这样的形式在浏览器中访问。发现只有一个 View In Browser 插件，但是并不是这样的形式，求大神解答？

npm install http-server -g

在项目目录打开终端输入

就可以启动web服务器了，很简洁

方法2：

VScode安装Live Server 插件

浏览器访问：

http://36.1.52.131:8080/

原文地址：https://www.cnblogs.com/maxiaolong/p/10729466.html

时间： 2024-10-08 06:42:02

VSCode前端文件（html文件）如何以服务器模式打开？的相关文章

vs code 前端如何以服务器模式打开 [安装服务器] server insteall

首先要安装 vs code 和 node.js(既然是前端就必须回,不会的面壁思过)然后在命令符中输入 npm install -g live-server 进行安装,(简单的NPM安装)安装成功后在vscode里 “查看” - “集成终端”或者文件夹命令提示符里面输入 live-server , 等待浏览器会自动打开 http://127.0.0.1:8080/ 这个端口,这样我们就能像webstorm等IDE这样在本地方便的使用 ajax 或者 vue-resource 等功能,希望帮到

os、os.path、shutil操作文件和文件路径的常用方法总结

os模块是python标准库中的一个用于访问操作系统功能的模块,下面简要介绍一下常用的命令 1.os.name(). 判断现在正在使用的平台,windows返回'nt',Linux返回'posix' 2.os.getcwd() 得到当前工作的目录 3.os.listdir(). 指定所在目录下民所有的文件和目录名 4.os.remove(). 删除指定文件 5.os.rmdir(). 删除置顶目录 6.os.mkdir(). 创建目录 7.os.system(). 执行sh

python判断文件和文件夹是否存在、创建文件夹

>>> import os >>> os.path.exists('d:/assist') True >>> os.path.exists('d:/assist/getTeacherList.py') True >>> os.path.isfile('d:/assist') False >>> os.path.isfile('d:/assist/getTeacherList.py') True >>>

python 关于文件,以及文件夹的操作

1.打开文件: f=open(r'E:\PythonProjects\test7\a.txt',mode='rt',encoding='utf-8') 以上三个单引号内分别表示:要打开的文件的路径,mode为文件打开方式具体介绍在下文,encoding为文件的字符编码,一般默认为utf-8 2.读写文件: data=f.read() # 读文件 f.write() # 写文件 3.关闭文件: f.close() 4.为了简便,一般采用上下文的方法进行文件操作,可不用关闭文件 1 with

python读写、创建文件、文件夹等等

python中对文件.文件夹(文件操作函数)的操作需要涉及到os模块和shutil模块. 得到当前工作目录,即当前Python脚本工作的目录路径: os.getcwd() 返回指定目录下的所有文件和目录名:os.listdir() 函数用来删除一个文件:os.remove() 删除多个目录:os.removedirs(r“c:\python”) 检验给出的路径是否是一个文件:os.path.isfile() 检验给出的路径是否是一个目录:os.path.isdir() 判断是否是绝对路径:os.

使用VSCode调试单个PHP文件

我的博客原文:https://wiki.feiffy.cc/Blog:使用VSCode调试单个PHP文件突然发现是可以使用 VSCode 单个文件的,今天之前一直没有弄成功,还以为 VSCode 是不能调试单文件呢.这里记录一下今天这个"突然发现"的过程. 开始,是在看 <Modern PHP> 这本书,看到 ''Built-in HTTP Server'' 一节,自己测试了启动PHP内置服务器软件的命令:php -S localhost:4000,成功看到浏览器页面显示

好程序员web前端分享CSS文件引用的最优方法

好程序员web前端分享CSS文件引用的最优方法,在html总引入css文件的方法: 1链接式: 2导入式: 区别: 使用链接式时,会在加载页面主体部分之前加载css文件,这样现实出来的页面一开始就是带有样式效果的,而使用导入式时,会在整个页面装载完成之后再装载css文件,对于有的浏览器来说,在一些情况下,如果页面文件的体积比较大,则会出现先现实无样式的页面,闪烁一下之后再出现设置样式的效果.从浏览者的感受来说,这是使用导入式的一个缺陷.** 链接式比导入式快. 当有多个文件链接到页面的时候会导致

4GB以上超大文件上传和断点续传服务器的源码

最近遇见一个需要上传超大大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现. 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据.上传影音文件等.如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的报文,丢包重传的概率也更大),用户不能刷新页面,只能耐心等待请求完成. 下面从文件上传方式入手,整理大文件上传的思路,并给出了相关实例代码,由于PHP内置了比较方便的文件拆分和拼接方法,因此服务端代码使用

Linux服务器删除乱码文件和文件夹的方法

Linux服务器删除乱码文件和文件夹的方法首页进入乱码文件所在文件夹由于php大势所趋,所以接触Linux服务器的机会越来越多.不同于Windows服务器,Linux服务器只支持数字.英文等字符,对中文字符没办法识别.所以导致我们打包上传文件解压之后出现中文乱码文件和文件夹.网上有很多解决的办法,但是今天亲测用find命令能快速删除乱码的文件和文件夹,所以跟大家分享一下. 使用ls -i命令找到文件或文件夹的节点编号前面的就是节点号了,接下来使用find命令查询并且删除 -inum指根据节点