有时候，要用http来运行一个本地网页，调试ajax, restful, websocket等操作。

尽管有很多IDE如 Eclipse, VisualStudio, PhpStorm 可以实现。但这些工具好像太重型，在一台新电脑上安装也是费时。

还有 php, python, nodejs 等都有 cli、 cgi、第三方库  来启动 http 服务。但这也仅仅是开了web服务器。

使用IDE编写代码时，实现代码感应，智能插入代码块，快速查找变量，函数及文件名，对你的工作效率是非常有帮助的。（专注于 记事本，vim编程的人 则另当别论）

另外，若你需要处理几个不同编程环境的系统运维或微调微修改，不同编程语言IDE也有局限。

一番搜索就找到VsCode + LiveServer的组合

一、安装VisualStudioCode。

https://code.visualstudio.com/

（可选）安装nodejs

二、打开VsCode搜 LiveServer 扩展并安装

三、在VsCode里打开一个本地的web目录。（目录下有 html, js, css 等文件）

在工程面板里，右键一个 html，在弹出菜单里，选择 “Open with Live Server” 这样VsCode就会开启LiveServer的Web功能，并以http的方式打开这个html

四、LiveServer扩展的设置，可以进入设置界面设置，也可以手动设置settings.json

"liveServer.settings.host": "localhost", //域名或IP

"liveServer.settings.port": 8820,       //端口

"liveServer.settings.wait": 1000,       //刷新频率

"liveServer.settings.CustomBrowser": "chrome",  //打开到目标浏览器

"liveServer.settings.ChromeDebuggingAttachment": false, //是否开启ChromeDebug

"liveServer.settings.proxy": {  //代理设置

"enable": true,

"baseUri": "/vdir",

"proxyUri": "http://localhost:12680/other_web"

五、LiveServer代理设置

"enable": true,  //是否开启代码设置

//LiveServer挂载虚拟路径，默认为 /

"baseUri": "/vdir",

//设置为"/vdir"后，通过“Open with Live Server”打开的工程下的任何文件，都会在url前附上 /vdir 前缀

"proxyUri": //代理网址

如果设置为  "http://localhost:12680/other_web/"

那么，当你通过 “Open with Live Server” 打开 index.html 后，

LiveServer 后台会抓取对应的  http://localhost:12680/other_web/index.html，并显示返回的内容。

而浏览器的url ，仍然是 LiveServer 设置的 url。

如果代码服务器不可访问，LiveServer 就会忽略proxy属性，以默认的方式打开。

通过这个方式，你可直接挂载工程目录到对应的tomcat, iis , wamp 目录进行处理。

18个包：GabrielBB. vscode -lombok,georgewfraser. vscode -javac ,golang.go ,MS-CEINTL. vscode -language-pack-zh-hans ,Pivotal. vscode -boot-dev-pack ,Pivotal. vscode -spring-boot ,redhat.fabric8-analytics ,redhat.java ,redhat. vscode -xml ,VisualStudioExptTeam. vscode intellicode,vscjava. vscode -java-debug ,vscjava. vscode -java-dependency ,vscjava. vscode -java-pack ,vscjava. vscode -java-test ,vscjava. vscode -maven ,vscjava. vscode -spring-boot-dashboard ,vscjava. vscode -spring-initializr ,yangbaopan. vscode -java-ibatisx , 项目开发中想 使用 live - server 配置个 代理 服务免去在本地搭建后台环境，在网上找了很多 live - server 的文章看过后一直没有配置成功，后来终于找到了问题的根源，以下是配置截图： package.json 项目scr ip t 这里配置proxy一定要注意，网上多数文档都没写到 "workbench.iconTheme": " vscode -icons", "workbench.colorTheme": "Default Dark+", "editor.minimap.enabled": false, "files.autoSave": "afterDelay", "editor.fontLigatures": false, // 100 列后换行 "editor.wordWrapColumn": 100, // 开启 vsc. 转自：http://woshub.com/port-forwarding-in-windows/ Since Windows XP there is a built-in ability in Microsoft Windows to set upnetwork ports forwarding. Due to it, any incoming TCP connection ( IP v... vscode 配置 使用 文档 vscode 基本配置关于 vscode 为什么要用 vscode 基本配置下载 插件 安装创建项目高级配置 使用 教学 插件 推荐 vscode 基本配置 关于 vscode Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持 插件 扩展 ，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux 工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练 使用 一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中 VSCode 以其轻量且强大的代码编辑功能和丰富的 插件 生态系统，独受前端工师的青睐。网上有很多 vscode 的配置以及 使用 博客，但都没有本篇那么详细且全面。软件下载直接在官网进行... 域：服务器域名，唯一标识(协议，域名，端口)必须保证一致，说明域相同 跨域：在一个服务器上，去访问另一个服务器上，并且得到另一个服务器返回回来的值，这就是javascr ip t跨域，其实简单点，之前我们做的ajax，都是在同域中访问，现在只是访问的服务器变成了另外的，不是同一台了。仅此而已。但是这样一变，之前的代码就不能用了。 解决跨域有几种方式，其中之一就是搭建 代理 服务器（nginx），让所访问域名、端口、路径相同。但我这里不想用nginx 最近接手了个jquery的项目，由于每次修改都要清缓存重新加载才能看到效果，所以研究了一下 Live Server ，在本地搭建了一个服务器，实现了实时预览，十分方便。第一步：下载并安装 Live Server image.png可以看到，vs code右下角出现了这样一个小图标(点击即可打开)如不作任何配置：点击之后默认打开http://127.0.0.1:5500如果是单纯的html文件想要实现实时预...