您的位置:首页技术文章

vs code启动项目的具体操作方法

【字号: 日期:2023-11-16 10:29:15浏览:11作者:馨心

vs code是一款多功能的代码编辑工具,现在很多用户在使用电脑的时候会选择通过这款软件来编辑代码,使用他来编辑代码的好处有很多,在编写的过程中更加方便,调试操作也比较简单,所以很多刚开始接触编程的用户都会选择使用这款软件,那么在第一次使用的时候,很多用户会不知道要如何启动编辑好的项目,所以小编在接下来的教程中就来跟大家分享在vs code软件中启动项目的具体操作方法吧,感兴趣的朋友不妨一起来看看小编分享的这篇方法教程,希望这篇教程能帮到大家。

vs code启动项目的具体操作方法

方法步骤

1.首先第一步,我们需要先安装好启动项目的调试器,比较常用的是Debugger for Firefox和Debugger for Chrome,我们直接在插件界面搜索进行安装即可。

vs code启动项目的具体操作方法

2.搜索安装调试器之后,我们打开项目,此时可以看到调试选项右边显示的是没有配置,然后我们需要点击添加配置选项。

vs code启动项目的具体操作方法

3.点击添加配置之后根据我们下载的调试器选择进行配置即可,配置完成之后会自动生成一个launch.json文件,是关于浏览器的配置文件。

vs code启动项目的具体操作方法

4.之后我们在配置文件当中,将端口改为4200,ng server默认的启动端口为4200 ,只要通过这个ng server启动服务之后,就可以直接点击启动项目了。

vs code启动项目的具体操作方法

以上就是小编今天跟大家分享的使用vs code这款软件的时候启动项目的具体操作方法,有需要的朋友赶紧试一试这个方法吧,希望这篇方法教程能帮到大家。

相关文章: