项目地址: https://github.com/sirfuao/vue _ shop.git顺便微信小程序地址: https://blog.csdn.net/fuao/we chat 1,项目
2、采用了Vue家族桶es6网络包等前端最新技术
3、项目包括商家、商品、用户等多个功能子模块
4、采用模块化、组件化、工程化的模式开发
2、从这个项目中可以学到什么? 2.1熟悉项目开发流程和开发方法及思想1、一个项目开发流程
2、学习模块化、模块化、工程化的开发模式
3、掌握使用vue-cli脚手架初始化vue.js项目
4、掌握ES6 eslint的开发方法
5、掌握一些项目的优化技巧
2.2学习使用插件或第三方库1、vue-router开发页面
2、学习axios封装和后端数据交互
3、学习使用vuex管理APP组件的状态
4、学会使用better-scroll实现页面幻灯片效果
5、学习使用vant-ui组件库构建界面
6、学习使用虚拟加载实现图像的懒惰加载
该项目非常适合没有实战经验的伙伴学习,可以提高对vue的工程化、模块化、组件化的更好理解及其思想。 如果你觉得有什么用的话,请用github给我star。 谢谢你。 至于截图页面上的绿色小标志vConsole,它既是手机调试插件,又是实际工作中不可缺少的插件。 选中后,可以查看返回的相应网络请求和数据的结果。
项目文件vue-cli3/4的项目文件目录/文件说明在打包dist项目后生成的文件node_modulesnpm加载中,项目将显示在图像、字体、icon眼其中的index.html是模板,在执行npm run build打包时,将这里的index.html作为模板打包输出到dist文件夹中,生成新的index.html文件src 包含以下目录和文件:
assest:放置着标志等照片
components:在这里,我一般用于放置一些共同的组件
app.vue : APP应用程序组件,我们编写的所有组件都在此组件上运行
main.js:项目的核心转储文件、门户js文件
router:根文件夹,决定页面吉鲁的跳转规则
store: vuex状态管理文件
network :自己创建的用于保存项目中的开始请求的js文件模块
pluginunit :您自己创建的用于存储项目中使用的ui插件的js文件
common:包括rem.js用于解决移动适配问题的package.json项目配置文件以及用于配置ui插件自述文件. MD的插件相关软件包的信息
照片2
分类页面
照片2
详细
照片2
图3
购物车
如果购物车为空
我的
如果有什么不足的地方,欢迎大家的指导。 再次,期待各位的评论。 今后一起学习。