创建一个完整的电商系统

一、新建文件夹（自己选着位置）

1.

2.输入cmd，按回车键

3.输入命令 vue create +自定义文件名，按下回车键

4.选着第一个，按下回车键

 

 创建成功！

二、创建文件（ecs）成功后，点击进入ecs文件，输入cmd，按下回车键

输入命令 npm run serve

 运行成功：

 三、打开Code软件

 

1.打开终端

2.安装 axios / vue-router / element - ui

四、文件创建成功后，先配置路由

 1.现在 components 中新建一个文件，自定义命名（MyHeader.vue)

2.黄色框中一定要输入内容，否则会报错！！！

 注意：前面插入了 vue-router，后面就不需要插入了。

3.引入路由

   1）在App.vue中引用黄色部分

 2）引用第一层路由

 3）第一层路由嵌套成功

4.为了方便以后方便添加路由，引入内容，新建一个文件夹（router)

 1）将main.js中相关内容转移到文件夹router > routes.js下

 2）在 main 中添加路由路径，及相关有用的路径

 3｝新建文件

  该文件嵌套 Header.vue 中的内容（第二层嵌套） 

该文件嵌套 MyHeader.vue 中的内容（第一层嵌套） 

五、编写头部基本框架，创建 MyHeader.vue文件

1.先写路由

2.写头部共用内容

同样步骤，引入相对应内容！