vs code 前端如何以服务器模式打开

废话在线，肯定首先要安装 vs code 和 node.js（既然是前端就必须回，不会的面壁思过）

然后在命令符中输入 npm install -g live-server 进行安装，（简单的NPM安装）

安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ，

等待浏览器会自动打开 http://127.0.0.1:8080/ 这个端口，

这样我们就能像webstorm等IDE这样在本地方便的使用 ajax 或者 vue-resource 等功能，希望帮到你们

---------------------------------------------------------------------------------------

2017-09-30日更新

现在 vs code 中有个插件叫 Live Server，不需要上面的方法了

用css滤镜，像下面

document.getElementById("previewImg").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='" + o.value + "')"

至于如何上传，struts2很方便的

前端使用vscode编辑器，安装live serve插件

然后在vscode编辑器的右下角有 Go live 按钮，点击自动启动本地服务器

右键，使用Live Server打开；

1. 安装node.js；

2. 安装http-server

http-server详细介绍，包括参数等： https://www.npmjs.com/package/http-server

在命令行中安装到全局（-g表示安装到全局，之后所有文件夹路径下输入http-server都可以使用）：

操作： 运行cmd + 输入以下命令：npm install http-server -g （可能会出现权限问题，在npm前加上sudo）

3. 开启服务

进入目标文件夹（也就是需要启动服务的文件夹），shfit+右键 —— “在此处打开Powershell窗口”，输入如下命令：

hs -o （等同于 http-server -open）

本地服务器就启动起来了，默认端口为8080。

遇到问题：端口被占用，修改端口：hs -o -p 8888

完毕！！

1、安装全局anywhere，npm install anywhere -g

2、cmd中进入要启动本地服务器的静态文件夹，执行命令：anywhere；

3、anywhere的网址： https://www.npmjs.com/package/anywhere

---