nodejs实现VSCode中的open with five server功能

VSCode的效果：
第一步：

第二步：

nodejs实现

第一步（创建文件夹）：
创建一个文件夹mapServer，在文件夹中创建一个server.js，然后将服务要用的文件夹放到mapServer中。

第二步（初始化环境）：
打开cmd，进入该文件夹，按顺序执行以下命令（不要关）：

npm init
npm i five-server

第三步（编辑server.js）：

const FiveServer = require('five-server').default;
new FiveServer().start({ open: false });

第四步（开启服务）：
在cmd中执行命令npm start，然后打开http://localhost:5500/
效果图：

至此，mapTile文件就已经在服务上了，不论是vue项目还是Cesium中都可以根据域名和端口来访问该文件中的所有文件。

如果不想使用cmd启动，也可以写一个bat脚本来启动：

第一步（创建bat文件）：
在server.js同级创建文件start.bat

第二步（编辑start.bat）：

start npm start

第三步（启动服务）：
双击start.bat脚本文件，达到的效果和cmd启动是一样的。

nodejs实现VSCode中的open with five server功能相关推荐

VSCode中设置大小写转换的快捷键
intro 转换大小写是文本编辑中一个很常用的操作. 而VSCode中默认是没有绑定该功能的快捷键的,需要自己绑定. 两种方法:UI操作和配置修改,以下为UI操作. UI操作打开快捷键映射(两种方法 ...
在VSCode中自定义文件类型和扩展名关联
目录标题概述实现步骤总结标题在 VSCode 中自定义文件类型和扩展名关联 Customize file type and extension associations in VSCode ...
vscode中setting.json配置详解
vscode中的setting.json配置文件配置详解话不多说上配置文件大家按需复制到自己的setting.json配置文件中即可 [{// 控制是否在编辑器中显示 CodeLens." ...
VScode中npm install报错
本人小白,在VScode终端中进行npm install,报错,如下 PS E:\SVN\学生管理系统\代码\crqms\crqms-web> npm install npm ERR! code ...
VSCODE中配置JavaScript编译环境
文章目录 01. 起因 02. 下载安装VSCODE 03. 方式一:使用Node.js做为解释器运行JS代码 Node.js的安装和配置在VSCODE中配置Node.js 04. 方式二:使用VS ...
golang 同一个包中函数互相调用报错 undefined 以及在 VSCode 中配置右键执行整个包文件
1. 代码结构 demo 文件夹下有两个文件,分别为 hello.go 和 main.go ,结构如下: wohu@wohu:~/GoCode/src$ tree demo/ demo/ ├── he ...
server vscode中的live_太方便了！这款神器能在浏览器中运行 VS Code，随时随地写代码...
最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬咬牙买了 iPad air.买来之后,当然是研究怎么提高效率了,于是就寻找.研究各种高效的软件.折腾了一段时间,各种 APP 都找得 ...
VSCode 中利用 Remote SSH 连接远程服务器
北京时间 2019 年 5 月 3 日,在 PyCon 2019 大会上,微软发布了 VS Code Remote.这是一个用来实现远程开发的功能插件,对于许多使用 Windows 进行开发,但是需要 ...
使用webpack打包后，vscode中vue代码变白色的解决办法
使用webpack打包后,vscode中vue代码变白色的解决办法卸载vetur,重装vetur

nodejs实现VSCode中的open with five server功能

nodejs实现

nodejs实现VSCode中的open with five server功能相关推荐

最新文章

热门文章