在Visual Studio中利用NTVS创建Pomelo项目

刚看新闻,才知道微软发布了Node.js Tools for Visual Studio(NTVS),受够了WebStorm输入法Bug的困扰,这下终于可以解脱了。以Pomelo为例,运行命令:pomelo init pomelo_test,生成一个默认的Pomelo Demo,包含两个目录,服务端(game-server)和客户端(web-server),对应到VS里面就应该是一个解决方案下有两个Project

在Visual Studio中利用NTVS创建Pomelo项目_第1张图片

首先用VS创建一个空解决方案文件,注意文件的位置,因为VS默认会对解决方案创建目录,所以我选择了pomelo_test的上一级目录

在Visual Studio中利用NTVS创建Pomelo项目_第2张图片

在Visual Studio中利用NTVS创建Pomelo项目_第3张图片

生产的pomelo_test.sln文件暂且放到一边,接下来新建项目,选择从已有的代码中创建项目

在Visual Studio中利用NTVS创建Pomelo项目_第4张图片

依次对game-server和web-server创建项目文件,并设置启动脚本

在Visual Studio中利用NTVS创建Pomelo项目_第5张图片

这里需要注意下,创建项目文件时,VS会自动帮我们创建新的解决方案文件,这里的解决方案文件就不需要了

在Visual Studio中利用NTVS创建Pomelo项目_第6张图片

在Visual Studio中利用NTVS创建Pomelo项目_第7张图片

在确保game-server和web-server目录下都有VS项目文件后,再次打开pomelo_test.sln,把它们添加进去,解决方案的目录结构如下

在Visual Studio中利用NTVS创建Pomelo项目_第8张图片

现在可以直接Ctrl + F5分别运行两个项目,依次弹出game和web的控制台

在Visual Studio中利用NTVS创建Pomelo项目_第9张图片

在Visual Studio中利用NTVS创建Pomelo项目_第10张图片

打开浏览器输入http://127.0.0.1:3001/查看运行结果

在Visual Studio中利用NTVS创建Pomelo项目_第11张图片

总结一下:借助Visual Studio的天然优势,NTVS具有可编辑、智能提示、分析、NPM、调式(本地和远程)等功能,并且还可以发布在Azure网站和Cloud服务上。

你可能感兴趣的:(pom)