商城-搭建后台管理前端
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
会自动进行跳转: