商城-搭建后台管理前端

知识共享许可协议 Creative Commons

4.搭建后台管理前端

4.1.导入已有资源

后台项目相对复杂,为了有利于教学,我们不再从0搭建项目,而是直接使用课前资料中给大家准备好的源码:
在这里插入图片描述

我们解压缩,放到工作目录中:
在这里插入图片描述

然后在IDEA中导入新的工程:
在这里插入图片描述

选中我们的工程:
在这里插入图片描述

这正是一个用vue-cli构建的webpack工程,是不是与昨天的一样:
在这里插入图片描述

4.2.安装依赖

你应该注意到,这里并没有node_modules文件夹,方便给大家下发,已经把依赖都删除了。不过package.json中依然定义了我们所需的一切依赖:
在这里插入图片描述

我们只需要通过命令来安装所需依赖即可。打开终端,进入项目目录,输入:npm install
在这里插入图片描述

大概需要1分钟。

4.3.运行一下看看

输入命令:

npm run dev

在这里插入图片描述

发现默认的端口是9001。访问:http://localhost:9001

会自动进行跳转:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/shenzhen_zsw/article/details/91842264
今日推荐