教你一步步启动程序~~~~

Admin 2019-10-23 PM 664℃ 1条

教你一步步启动程序~~~~

今天介绍一下项目的启动流程,项目主要分为前端代码和后台代码两个部分,下面以项目名称为“product”举例:

我们存放前端代码的文件夹为“product_web”,
存放后台代码的文件夹为“product_server”;

启动前提:

1.已安装NodeJs和Npm管理工具,并设置全局变量;
2.输入命令行时必须确保在项目文件夹中

第一步,运行后台代码"product_server"

1.在资源管理器中打开“product_server”文件夹;
2.按住键盘中“shift”不放,在文件夹空白处右击,在弹出的菜单中选择“在此处打开powershell窗口”命令,弹出“Windows PowerShell”窗口。(也可以在任意支持CMD的位置执行下面的步骤)
3.待窗口处于激活状态后,并且显示当前文件夹路径为启动成功,如果仅显示闪烁光标,关闭“Windows PowerShell”窗口,重新打开即可;输入命令npm run start,按“回车”键;
4.程序自动启动,待提示“success”或者“启动成功”字样后,切记不要关闭窗口,将此窗口最小化显示;如果不小心关闭,从第一步重新执行即可。

教你一步步启动程序~~~~

教你一步步启动程序~~~~

第二步,运行前端代码"product_web"

1.前端代码运行步骤同上 123 步;
2.输入命令npm run start后, 等待前端代码执行;
3.待启动进度加载至“100%”后,出现下述命令则启动成功

App running at:

- Local:   http://localhost:8080/
- Network: http://192.168.2.109:8080/

教你一步步启动程序~~~~

4.复制 Local 或者 Network的地址,打开系统中浏览器,将链接复制到地址栏中,即可运行项目。

标签: none

非特殊说明,本博所有文章均为博主原创。

评论啦~


选择表情

唉呀 ~ 仅有一条评论


  1. Admin
    Admin 博主

    icon_mrgreen.png 如果还有疑问,可以联系我或者在下方留言;如果觉得介绍的还不够清楚,我可以再完善一下

    回复 2019-10-24 09:29
×