温馨提示：文章篇幅较长，请耐心看完
1.node.js安装
官网下载node.js，左边是【稳定版】，右边是【最新版】，下载【稳定版】就足够了，双击安装包进行安装
完成安装后，按下【win+R】，输入【cmd】，打开终端后输入下面的代码，测试安装是否成功，
node -vnpm -v一般情况下，node.js在安装时会自动添加环境变量到系统中，如果没有出现下图结果，请先检查是否正确添加了环境变量
2.visual studio安装
安装完node.js后，官网下载最新版本的visual studio，下载【社区版】就足够了，双击安装包进行安装
安装完visual studio后，在开始菜单找到visual studio installer并打开
弹出如下窗口，点击【修改】
然后勾选node.js开发，点击【修改】
3.创建node.js应用
回到visual studio installer并点击【启动】
如图，点击【创建新项目】
我们搜索一下【node】，如图，这些就是我们能够创建的node.js项目模板
例如，我们选择第二个【空白Node.js Web应用程序】，点击【下一步】，注意我这里选择的是【JavaScript】，当然，你也可以选择TypeScript
接着，输入你的项目名称，并选择你的项目位置，点击【创建】
如图，一个空白的node.js项目就创建好了，现在我们就能够在当前的server.js中编写服务器代码，可以看到，server.js中预留了一些代码，用来发送“Hello World”，感兴趣可以试着运行一下
4.环境配置
在开发服务器时，我们需要用到很多常用的包，例如【express】、【mysql】、【axios】等，接下来，我们需要在项目中进行安装
在刚刚创建的项目右侧，我们展开文件夹【npm】->【dev】，这里面显示的就是我们已安装的包
选中任意包，按下鼠标【右键】，可以对其进行安装、更新、卸载等操作
然后我们选中【npm】文件夹，按下鼠标【右键】，并点击【安装新的npm包】
如果你选中了【dev】文件夹，那么你必须要记住：你安装的包存在【npm】文件夹的【dev】文件夹下，不要到时候花时间找半天还找不到
在左上角【输入框】中输入包名，然后选中你想要的包，点击【安装包】即可安装
安装完你需要的包后，如下图所示
当然，你也可以选择使用终端进行安装，我们右键选中【NodejsWebApp1】，在弹出的窗口中，找到【在终端中打开】一项，并点击
在下面的窗口中输入安装包的命令，按下【Enter】回车键以安装，按下右上角的【x】关闭终端窗口，例如我们输入：
npm install mysql
可以看到，使用终端进行安装，包也是存在【npm】文件夹下
5.程序运行和配置
我们在运行刚刚创建的程序时，会自动打开浏览器，并跳转到【1337】端口
如果我们想自动跳转到其他端口，需要下拉【Web服务器(Microsoft Edge)】，在弹出的窗口中点击【NodejsWebApp1调试属性】进行配置，如下图所示
文章来源：https://www.toymoban.com/news/detail-859263.html
以上便是利用visual studio进行node.js开发的详细过程，如果对你有帮助，希望留个赞（狗头）文章来源地址https://www.toymoban.com/news/detail-859263.html
到了这里，关于visual studio配置node.js开发（完整版）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
