vue3移动端项目搭建,vue3+vant+vite+axios+pinia+sass

上传者: randy521520 | 上传时间: 2024-08-16 10:33:28 | 文件大小: 35KB | 文件类型: ZIP
该架构已解决大部分坑,文章地址:https://blog.csdn.net/randy521520/article/details/136150494 在使用项目前请确保已安装node、yarn工具,node版本18+,此项目构建主要集成:axios、pinia、vant、sass、vite和vue3,其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理持久化储存等功能 vue3:https://cn.vuejs.org/ vant:https://vant-contrib.gitee.io/vant/#/zh-CN axios:https://www.axios-http.cn/docs/api_intro vite:https://vitejs.cn/ pinia:https://pinia.vuejs.org/zh/ sass:https://blog.csdn.net/randy521520/article/details/131242242

文件下载

资源详情

[{"title":"( 47 个子文件 35KB ) vue3移动端项目搭建,vue3+vant+vite+axios+pinia+sass","children":[{"title":"yarn.lock <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":".vscode","children":[{"title":"extensions.json <span style='color:#111;'> 78B </span>","children":null,"spread":false}],"spread":true},{"title":".env.production <span style='color:#111;'> 220B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"pages","children":[{"title":"detail.vue <span style='color:#111;'> 518B </span>","children":null,"spread":false},{"title":"add.vue <span style='color:#111;'> 1.20KB </span>","children":null,"spread":false},{"title":"list.vue <span style='color:#111;'> 1.16KB </span>","children":null,"spread":false},{"title":"home.vue <span style='color:#111;'> 2.25KB </span>","children":null,"spread":false}],"spread":true},{"title":"App.vue <span style='color:#111;'> 550B </span>","children":null,"spread":false},{"title":"utility","children":[{"title":"storageUtil.js <span style='color:#111;'> 1.11KB </span>","children":null,"spread":false},{"title":"commonUtil.js <span style='color:#111;'> 1.90KB </span>","children":null,"spread":false}],"spread":true},{"title":"lang","children":[{"title":"zh_cn.js <span style='color:#111;'> 71B </span>","children":null,"spread":false},{"title":"lang.js <span style='color:#111;'> 487B </span>","children":null,"spread":false},{"title":"en_us.js <span style='color:#111;'> 66B </span>","children":null,"spread":false}],"spread":true},{"title":"store","children":[{"title":"useRouterStore.js <span style='color:#111;'> 10.43KB </span>","children":null,"spread":false},{"title":"useDemoStore.js <span style='color:#111;'> 489B </span>","children":null,"spread":false},{"title":"pinia.js <span style='color:#111;'> 193B </span>","children":null,"spread":false}],"spread":true},{"title":"assets","children":[{"title":"font","children":[{"title":"demo.css <span style='color:#111;'> 8.23KB </span>","children":null,"spread":false},{"title":"demo_index.html <span style='color:#111;'> 7.70KB </span>","children":null,"spread":false},{"title":"iconfont.ttf <span style='color:#111;'> 1.64KB </span>","children":null,"spread":false},{"title":"iconfont.css <span style='color:#111;'> 340B </span>","children":null,"spread":false},{"title":"iconfont.json <span style='color:#111;'> 278B </span>","children":null,"spread":false},{"title":"iconfont.js <span style='color:#111;'> 2.04KB </span>","children":null,"spread":false}],"spread":true},{"title":"scss","children":[{"title":"globalMixin.scss <span style='color:#111;'> 118B </span>","children":null,"spread":false},{"title":"global.scss <span style='color:#111;'> 170B </span>","children":null,"spread":false},{"title":"iframe.scss <span style='color:#111;'> 69B </span>","children":null,"spread":false},{"title":"globalVar.scss <span style='color:#111;'> 61B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"main.js <span style='color:#111;'> 764B </span>","children":null,"spread":false},{"title":"tabBar.js <span style='color:#111;'> 351B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"feature","children":null,"spread":false},{"title":"dataView","children":null,"spread":false},{"title":"common","children":null,"spread":false},{"title":"page","children":null,"spread":false},{"title":"layout","children":[{"title":"Page.vue <span style='color:#111;'> 2.51KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"common","children":[{"title":"enum.js <span style='color:#111;'> 114B </span>","children":null,"spread":false},{"title":"requests.js <span style='color:#111;'> 940B </span>","children":null,"spread":false}],"spread":true},{"title":"style.scss <span style='color:#111;'> 202B </span>","children":null,"spread":false},{"title":"hooks","children":[{"title":"usePxTransform.js <span style='color:#111;'> 458B </span>","children":null,"spread":false},{"title":"useMessageTip.js <span style='color:#111;'> 1.50KB </span>","children":null,"spread":false},{"title":"useCommon.js <span style='color:#111;'> 3.23KB </span>","children":null,"spread":false},{"title":"useTheme.js <span style='color:#111;'> 235B </span>","children":null,"spread":false},{"title":"useEventEmitter.js <span style='color:#111;'> 3.09KB </span>","children":null,"spread":false}],"spread":false},{"title":"router.js <span style='color:#111;'> 2.84KB </span>","children":null,"spread":false}],"spread":false},{"title":"vite.config.js <span style='color:#111;'> 1.52KB </span>","children":null,"spread":false},{"title":".env.development <span style='color:#111;'> 213B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 755B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"vite.svg <span style='color:#111;'> 1.46KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.html <span style='color:#111;'> 370B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 277B </span>","children":null,"spread":false},{"title":"README.en.md <span style='color:#111;'> 990B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 2.87KB </span>","children":null,"spread":false},{"title":"postcss.config.js <span style='color:#111;'> 374B </span>","children":null,"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明