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

今天介绍一下项目的启动流程,项目主要分为前端代码和后台代码两个部分,下面以项目名称为“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的地址，打开系统中浏览器，将链接复制到地址栏中，即可运行项目。

欢迎光临我的博客站 大鹏博客

如若转载，请注明出处：https://www.qzroc.com/index.php/archives/47/