vscode中HTML文件在服务器上运行

刚接触Three.js相关的内容，由于外部的模型需要放一个路径加载，直接打开HTML页面并未加载出来，因为它需要在服务上加载运行。

官方文档：

【如何在本地运行Three.js】

我用的是VScode,在集成开发的编译器中是可以直接打开的，会有你本地的【localhost】

以WebStorm为例：

由于VS code是编辑器，需要npm启动或者配置插件来启动

第一种方法：

打开自己项目文件夹，在终端中输入

npm install http-server -g

http-server

就可以启动web服务器了

可以看到，已经在8080端口启动了

第二种方法

在vscode中安装Live Server插件

直接右击 Open with Live Server打开即可！

第三种方法

Python server
如果你已经安装好了Python，只需要从命令行里便可以运行它（从工作目录）：

Python 2.x

python -m SimpleHTTPServer

Python 3.x

python -m http.server

这将会在为当前目录在8000端口创建一个服务器，也就是说你可以在地址栏里输入这个地址来访问已经创建好的服务器：

http://localhost:8000/

vscode中HTML文件在服务器上运行相关推荐

服务器如何运行java文件_在linux服务器上运行java文件
1. 在windows环境下编写java类,如java类是Test类. 2. 将该Test类上传到linux服务器上,命令如下: mapred@10:/bwdata168_2/hyg$rz -b ...
在linux云服务器上运行Jar文件
在linux服务器上运行Jar文件时通常的方法是: $ java -jar test.jar 这种方式特点是ssh窗口关闭时,程序中止运行.或者是运行时没法切出去执行其他任务,有没有办法让Jar在后台 ...
在web服务器上运行jsp文件
在web服务器上运行jsp文件首先得在电脑上安装tomcat服务器,确保服务器能运行在8080端口页面,然后在myeclipse中新建web project ,建包,建类,在webRoot下面WEB ...
手把手教-在自己的服务器上运行psychopy线上实验
文章首发于我的个人博客92的博客-过渡站2站填坑感谢:光禹师兄前言如果您看过我以前写的东西,那么您可能知道,92对于在自己的服务器上运行psychopy有某种执念 Pavlovia?脑岛?那都 ...
不需xp_cmdshell支持在有注入漏洞的SQL服务器上运行CMD命令
我的BLOG里有一篇文章介绍了关于SQL注入的基本原理和一些方法.最让人感兴趣的也许就是前面介绍的利用扩展存储过程xp_cmdshell来运行操作系统的控制台命令.这种方法也非常的简单,只需使用下面的 ...
python怎么输入代码-教你如何将自己的脚本代码放到服务器上运行
原标题:教你如何将自己的脚本代码放到服务器上运行本文授权转自 | 日常学Python 上次弄了个机器人,反响挺不错的,我也挺满意的,因为这个我也初步了解了服务器这个东西,懂得了如何将自己的脚本代码放 ...
无头虚拟化服务器,VBoxHeadless - 使用VirtualBox 4.0在无头Ubuntu 10.10服务器上运行虚拟机...
VBoxHeadless - 使用VirtualBox 4.0在无头Ubuntu 10.10服务器上运行虚拟机本指南介绍如何在无头Ubuntu 10.10服务器上运行VirtualBox 4.0的虚 ...
教你如何将自己的脚本代码放到服务器上运行
上次弄了个机器人,反响挺不错的,我也挺满意的,因为这个我也初步了解了服务器这个东西,懂得了如何将自己的脚本代码放到服务器上运行了,妈妈再也不怕我每天都得开着电脑才能运行脚本了,不过说实话,这个服务器真 ...
Vue.js-localhost:8080-无法显示此网页-【已经初始化的项目，如何再次在服务器上运行?】
Vue.js---初始化项目: Vue.js-Day03-AM[超级详细:Node.js环境安装.安装淘宝镜像(Win.Mac).安装Vue脚手架.初始化Vue项目-命令解释(Vscode.命令行窗口 ...

vscode中HTML文件在服务器上运行

vscode中HTML文件在服务器上运行

第一种方法：

第二种方法

第三种方法

vscode中HTML文件在服务器上运行相关推荐

最新文章

热门文章