Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

视频地址:https://www.bilibili.com/video/av74592164?t=197&p=5

创建项目,使用vue的图形化界面

执行 vue ui 点击创建

 

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

点击下一步 使用 创建好的预设或者自己手动创建如vue_manage的预设 建议手动配置不要勾选eslint ,语法要求太严格了

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

只勾选babel和router即可

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

点击创建等待项目创建成功

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

 

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

 

创建成功

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

 

安装插件 element-ui 和 vue-cli-plugin-elemnt 点击插件

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

安装依赖 axios 点击依赖安装

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

启动测试

点击 任务,如下图所示

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目

 

Vue实战项目:电商管理系统(Element-UI) (1-20)记录第一天 (一)创建项目