vite-components-playground:一个 vue3 组件操场使用 vite-源码

上传者: 42124497 | 上传时间: 2021-05-29 16:02:37 | 文件大小: 264KB | 文件类型: ZIP
Vue
vite-components-playground 这是一个使用的 vue3 组件操场。 如果您使用的是 vue2,则可以使用垃圾打扰 文档站点 npm run dev 使用将 markdown 更改为 vue ,站点 css 框架的 。 这个框架仍然不是最好的。 建站 npm run build 构建组件 npm run build:all 使用 、 构建 vue 组件。 核心概念 顺风 我在项目中使用了 ,你可以按照它的组件开发场景来开发组件。它的Utility-First原则可以帮助我们规范样式代码。 如果您发现所编写样式的三个重复项,则可以提取实用程序类。 查看 更多细节检查文档 文体规范: 实用至上 暗模式 响应式设计 更多设计规范请访问: : //tailwindcss.com/ 待办事项:编写带有样式的 tailwindcss 插件,以及 vscode

文件下载

资源详情

[{"title":"( 52 个子文件 264KB ) vite-components-playground:一个 vue3 组件操场使用 vite-源码","children":[{"title":"vite-components-playground-master","children":[{"title":"package.json <span style='color:#111;'> 1.98KB </span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'> 223B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 351B </span>","children":null,"spread":false},{"title":"lerna.json <span style='color:#111;'> 126B </span>","children":null,"spread":false},{"title":"site","children":[{"title":"App.vue <span style='color:#111;'> 711B </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"style","children":[{"title":"main.css <span style='color:#111;'> 59B </span>","children":null,"spread":false}],"spread":true},{"title":"logo","children":[{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"main.ts <span style='color:#111;'> 425B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"DocHeader.vue <span style='color:#111;'> 1.41KB </span>","children":null,"spread":false},{"title":"DocMain.vue <span style='color:#111;'> 199B </span>","children":null,"spread":false},{"title":"DocSiderbar.vue <span style='color:#111;'> 1.63KB </span>","children":null,"spread":false}],"spread":true},{"title":"router","children":[{"title":"demo-routes.ts <span style='color:#111;'> 1.24KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 378B </span>","children":null,"spread":false}],"spread":true},{"title":"store","children":[{"title":"dark.ts <span style='color:#111;'> 608B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 23B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"deploy.sh <span style='color:#111;'> 202B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 332B </span>","children":null,"spread":false},{"title":"vite.config.js <span style='color:#111;'> 307B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 57B </span>","children":null,"spread":false},{"title":"typings","children":[{"title":"shims-vue.d.ts <span style='color:#111;'> 274B </span>","children":null,"spread":false}],"spread":true},{"title":"tailwind.config.js <span style='color:#111;'> 411B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 2.19KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 520.52KB </span>","children":null,"spread":false},{"title":"packages","children":[{"title":"ui","children":[{"title":"Button","children":[{"title":"style","children":[{"title":"index.css <span style='color:#111;'> 46B </span>","children":null,"spread":false},{"title":"main.css <span style='color:#111;'> 633B </span>","children":null,"spread":false}],"spread":false},{"title":"package.json <span style='color:#111;'> 207B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"button.vue <span style='color:#111;'> 679B </span>","children":null,"spread":false}],"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 42B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 745B </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 113.67KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 171B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"vitec","children":[{"title":"style","children":[{"title":"index.css <span style='color:#111;'> 64B </span>","children":null,"spread":false}],"spread":false},{"title":"package.json <span style='color:#111;'> 159B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 39B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 108B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 424B </span>","children":null,"spread":false}],"spread":false},{"title":"theme","children":[{"title":"package.json <span style='color:#111;'> 74B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"utilities.css <span style='color:#111;'> 768B </span>","children":null,"spread":false},{"title":"base.css <span style='color:#111;'> 58B </span>","children":null,"spread":false}],"spread":false},{"title":"README.md <span style='color:#111;'> 121B </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 57B </span>","children":null,"spread":false}],"spread":false},{"title":"utils","children":[{"title":"common.ts <span style='color:#111;'> 60B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 163B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 39B </span>","children":null,"spread":false},{"title":"config.ts <span style='color:#111;'> 261B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 108B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 52B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"postcss.config.js <span style='color:#111;'> 880B </span>","children":null,"spread":false},{"title":"build","children":[{"title":"rollup.config.js <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false},{"title":"gulpfile.js <span style='color:#111;'> 890B </span>","children":null,"spread":false}],"spread":false},{"title":"babel.config.js <span style='color:#111;'> 140B </span>","children":null,"spread":false},{"title":".vscode","children":[{"title":"settings.json <span style='color:#111;'> 38B </span>","children":null,"spread":false}],"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

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