![在这里插入图片描述](https://img-blog.csdnimg.cn/b74f78322ccf47a38178f6fca7b44f55.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBARmFrZU9jY3VwYXRpb25hbA==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
注:我也将一个打包好的html和js前端代码放到了我的资源部分,这个可以无需联网,本地运行
![在这里插入图片描述](https://img-blog.csdnimg.cn/5cab388c587a4d9981ddabd09154513d.png#pic_center)
源码查看与本地编译运行:
-
安装nodejs后,安装所有依赖
-
在项目中添加依赖(可能是虚拟机版本太旧有许多warn):
![在这里插入图片描述](https://img-blog.csdnimg.cn/ec6584709cd147f8aad11dff31a6aa22.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBARmFrZU9jY3VwYXRpb25hbA==,size_15,color_FFFFFF,t_70,g_se,x_16#pic_center)
-
npm run build
编译并将app放到dist/文件夹 (to compile the app and place it in the dist/ directory)
![在这里插入图片描述](https://img-blog.csdnimg.cn/ed26259da8d145be853b834742726b0f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBARmFrZU9jY3VwYXRpb25hbA==,size_18,color_FFFFFF,t_70,g_se,x_16#pic_center)
-
npm run serve to serve from the dist/ directory and open a page on your browser.
![在这里插入图片描述](https://img-blog.csdnimg.cn/e1bbe34d8d5240b3be1626309823b050.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBARmFrZU9jY3VwYXRpb25hbA==,size_18,color_FFFFFF,t_70,g_se,x_16#pic_center)
-
浏览器输入 http://localhost:5000/,可以看到运行结果:
![在这里插入图片描述](https://img-blog.csdnimg.cn/25df8d1def454076b670c44a6d281b71.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBARmFrZU9jY3VwYXRpb25hbA==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)