如何解决vsCode上编写代码，手机上不能实时更新查看效果的问题？

最近在使用vscode的过程中，发现一个问题。后台开发使用idea和eclipse启动的项目，有Tomacat，所以项目的前缀是localhost:端口号的格式，而在vscode中启动的项目是绝对路径。这就导致进入后台管理系统是进不去的，而且如果做的是手机端项目，只能在Chrome上进行调试，不能在手机上进行调试，只能上传到服务器之后才能在手机上查看效果。

查阅了一些资料和相关，目前知道可以使用npm  anywhere来解决这个问题。

---

如图示例如下：

1.正常情况下，我的项目在vsCode中是直接Alt+B打开页面的，如图

2. 项目路径如图所示

3. 这个路径不是我想要的，原因有两点：(1). 后台管理系统我进不去，这是我本地的项目；(2). 不能再手机端上访问，这个路径明显是不对的。 

---

接下来，我们尝试着用anywhere来解决这个问题：

（1）首先需要全局安装anywhere；

$ npm install anywhere -g

---

（2）然后需要在根目录下运行anywhere；

$ anywhere

 我们可以看到会出现两个地址，这两个地址都可以运行。

除此之外，还有一个文件选择页面：

 我们进入项目html文件所在地，WebContent

点击进入之后，选择所要运行的html文件，则项目地址变为如图所示：

这就是我想要的项目路径。

---

（3）如何修改端口号

$ anywhere -p 8888    //如何修改端口号

---

 

   (4)  如何禁止保持浏览器关闭（一般情况下不常用）

$ anywhere -s     //禁止浏览器自动打开

---

---

 （5） 如何更改主机名

$ anywhere -h localhost -p 8899    //更改主机名和端口号

 修改之后的项目名：

---

注意：如果使用手机访问此路径，需要保证手机和电脑在同一个局域网才可以查看实时的页面变化。

那么，如果我们不能保证手机和电脑在同一个局域网该如何访问页面呢？

   此时就需要使用now来实现。与anywhere的用法类似：

（1）我们首先需要全局注册 now；

$ npm install -g now

注意：其它内容还处于测试中，如果now可以实现启动项目并访问后，后续再来补充。

在此诚挚的感谢csdn作者嘴角的面包屑  给予我启发，才能在自行测试摸索的过程中，完成 anywhere的学习。