本项目主要是基于vue3和vite以及vant4组件所开发的移动端购物商城。项目没有接口,所运用的存储数据为json数据通过axios请求,以及Localstorage等技术实现数据。
开发的模型参考以下的网站,感兴趣的小伙伴可以去看看。AxureShop原型演示AxureShop原型演示https://demo.axureshop.com/?url=https://www.axureshop.com/demo/2020640/&buyurl=https://www.axureshop.com/a/2020640.html
项目大致效果图:
目录
目录
2.基于 vite 的项目,在 vite.config.js 文件中配置插件:
3.跳转功能颜色变化实现:组件传值----(以Me.vue我的页面为例)
一、创建项目
前提:在node安装好的前提下,创建项目。node版本检查命令:node -v 如果出现版本号即node安装成功。
vite官网:Vite下一代前端开发与构建工具,Vite文档,Vite中文网,Vite.js,Vite中文文档http://www.vitejs.net/
1.安装指令----my-vue-app即你的项目名称
# npm 7+, 需要额外的双横线:
npm init vite@latest my-vue-app -- --template vue
2.根据上条命令出来后的指令接着执行
3.运行程序指令
npm run dev