前后端项目分离--项目搭建

1.项目搭建

第一步：打开vue图形化页面，在新建的文件夹下打开命令界面输入cmd

第二步：在命令界面输入vue ui

打开界面如下：

第三步;创建步骤如下：

暂时关掉初始化：

耐心等待一会，就创建成功啦！

第四步：在vscode中打开项目

项目结构：

第五步：运行项目

除了图形化运行 我们也可以在终端写入npm run serve命令运行项目，如下图：

修改前端端口–配置端口

第六步：安装ElmentUI组件库

第七步：引入组件

第八步：去组件官网找代码！

官网地址：https://element.eleme.cn/#/zh-CN/component/quickstart

页面展示：