0


visual studio配置node.js开发(完整版)

温馨提示:文章篇幅较长,请耐心看完

1.node.js安装

官网下载node.js,左边是【稳定版】,右边是【最新版】,下载【稳定版】就足够了,双击安装包进行安装

完成安装后,按下【win+R】,输入【cmd】,打开终端后输入下面的代码,测试安装是否成功,

node -v
npm -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调试属性】进行配置,如下图所示

以上便是利用visual studio进行node.js开发的详细过程,如果对你有帮助,希望留个赞(狗头)


本文转载自: https://blog.csdn.net/djq_313/article/details/135428845
版权归原作者 djq_3098963528 所有, 如有侵权,请联系我们删除。

“visual studio配置node.js开发(完整版)”的评论:

还没有评论