coderwhy 商城项目思路梳理（一）

目录

一. 准备

二.开始写前奏

 三.写Home.vue

---

一. 准备

1.安装脚手架 -g 创建vue项目 vue3:vue create ProjectName  vue2:vue init webpack ProjectName

2.建需要的文件夹

common(这里放一些公用的代码 一些js方法文件 mixin，utils，playcount等) 

components/common&&content 

network放网络请求数据相关

router 放路由相关

store 放让全局获取到的方法，值等

views 放各个页面的vue组件 分类放

3.设置main.js 全局总线mitt ， 懒加载 引用之后 组件里的img v-lazy=“...” ， FastClick 

 4. App.vue 里导入base.css（包括normalize.css）@import "assets/css/base.css";

5.postcss px-vw 能适应各种机型

5.设置别名

二.开始写前奏

1.TabBar部分 放到公共组件文件夹 c