text: "use strict";(globalThis["webpackChunkquasar_dev"]=globalThis["webpackChunkquasar_dev"]||[]).push([[5483],{54975:(l,a,n)=>{n.r(a),n.d(a,{default:()=>el});var o=n(83673);const u=(0,o._)("p",null,"因为它能大幅度地节省开发成本。只有 Quasar 可以做到。",-1),i=(0,o._)("p",null,"还因为：",-1),d=(0,o._)("ul",null,[(0,o._)("li",null,"它是基于Vue.js的"),(0,o._)("li",null,[(0,o.Uk)("你可以为你的"),(0,o._)("strong",null,"网站和"),(0,o.Uk)("应用程序获得一个最先进的UI(遵循Material Guidelines)，开箱即用")]),(0,o._)("li",null,[(0,o.Uk)("对桌面和"),(0,o._)("strong",null,"移动浏览器的最佳支持"),(0,o.Uk)("(包括iOS Safari！)开箱即用")]),(0,o._)("li",null,"对每种构建模式(SPA、SSR、PWA、移动应用、桌面应用和浏览器扩展)提供一流的支持，并通过与我们自己的CLI紧密集成，提供最佳的开发者体验。"),(0,o._)("li",null,"它易于定制(CSS)和扩展(JS)。"),(0,o._)("li",null,"它是最注重性能的框架"),(0,o._)("li",null,"它可以自动进行树形摇晃"),(0,o._)("li",null,"在我们的论坛和Discord聊天室有一个令人难以置信的社区"),(0,o._)("li",null,"有一个定期的发布周期，包括新的功能"),(0,o._)("li",null,"获得快速修复并倾听社区的要求"),(0,o._)("li",null,"处理整个开发经验(甚至包括创建你的应用程序的图标和启动画面)。")],-1),s=(0,o._)("p",null,"Quasar 是基于Vue的头号解决方案，无论你只是建立一个桌面网站、一个桌面应用、一个移动应用，甚至是所有这些。",-1),c=(0,o._)("p",null,"担心臃肿吗？你不应该这样。如果你只想建立一个网站，Quasar将只建立网站所需的代码，而没有其他东西。其他的构建模式也是如此。",-1),e=(0,o._)("p",null,[(0,o.Uk)("Quasar (发音为"),(0,o._)("code",{class:"doc-token"},"/ˈkweɪ.zɑɹ/"),(0,o.Uk)(")是一个基于Vue.js的MIT许可的开源框架，它允许你作为一个网络开发者快速创建多种形式的响应式++网站/应用程序。")],-1),t=(0,o._)("ul",null,[(0,o._)("li",null,"SPA(单页应用程序)"),(0,o._)("li",null,"SSR(服务器端渲染的应用程序)(+可选的PWA客户端接管)"),(0,o._)("li",null,"PWA (渐进式网络应用程序)"),(0,o._)("li",null,"BEX (浏览器扩展)"),(0,o._)("li",null,"通过 Cordova 或Capacitor的移动应用程序(Android, iOS, …)"),(0,o._)("li",null,"多平台的桌面应用(使用Electron)。")],-1),r=(0,o._)("p",null,[(0,o.Uk)("Quasar 的格言是。"),(0,o._)("strong",null,"只需写一次代码，就可以同时将其部署为网站"),(0,o.Uk)("、移动应用程序和/或 Electron 应用程序。是的，一个代码库适用于所有这些应用，通过使用最先进的CLI和最佳实践、快速的 Quasar 网络组件的支持，帮助你在创纪录的时间内开发出一个应用。")],-1),_=(0,o._)("p",null,"当使用 Quasar 时，你将不需要额外的重型库，如Hammer.js、Moment.js或Bootstrap。它已经在内部满足了这些需求，而且所有这些都是小尺寸的!",-1),p=(0,o._)("p",null,"由于开箱即用，Quasar为你提供了简单而强大的功能，它的CLI充满了各种功能，都是为了让你的开发者生活更轻松。",-1),h=(0,o._)("div",{class:"doc-note doc-note--tip"},[(0,o._)("p",{class:"doc-note__title"},"深思熟虑"),(0,o._)("br"),(0,o.Uk)(' Quasar着眼于未来，制定了自己的高标准和现代标准。是的，为了使网络开发取得进展，我们需要打破目前的体制。否则，我们今天也都会继续用 cgi-bin/perl 来写网站，因为很多年前，这就是开发者所习惯的。然而，大多数开发者在某个时间点上习惯的东西实际上并不意味着它是最好的解决方案或 "确定"的解决方案，Quasar永远不会屈服于选择我们认为不是实现高质量工作的最佳途径，即使是为了钱。'),(0,o._)("br"),(0,o._)("br"),(0,o._)("p",null,[(0,o._)("em",null,"我们希望通过 Quasar 实现的目标是提高整个 Web 开发的标准。让它前进，进化。改变思想。指出何时有更好的选择。")])],-1),k=(0,o._)("p",null,"以下是 Quasar 伟大方面和功能的非详尽清单。",-1),g=(0,o._)("p",null,"一个权威的代码源同时适用于所有平台：响应式桌面/移动网站(SPA、SSR + SPA客户端接管、SSR + PWA客户端接管)、PWA(渐进式网络应用程序)、移动应用程序(看起来像本地的)和多平台桌面应用程序(通过Electron)。",-1),Q=(0,o._)("p",null,[(0,o.Uk)("在 Quasar 中，几乎所有的Web开发需求都有相应的组件。Quasar的每一个组件都是经过精心设计的，为您的用户提供最好的体验。Quasar在"),(0,o._)("strong",null,"设计时考虑到了性能和响应性"),(0,o.Uk)(" – 因此使用 Quasar 的开销几乎是可以忽略不计的。这种对性能和良好设计的关注让我们感到特别自豪。")],-1),U=(0,o._)("p",null,"Quasar 的建立也是为了鼓励开发者遵循网络开发的最佳实践。为了做到这一点，Quasar一开箱就充满了伟大的功能。",-1),C=(0,o._)("ul",null,[(0,o._)("li",null,"HTML/CSS/JS小型化"),(0,o._)("li",null,"缓存破坏"),(0,o._)("li",null,[(0,o._)("strong",null,"摇树(Tree shaking)")]),(0,o._)("li",null,"源代码映射"),(0,o._)("li",null,"代码拆分与懒惰加载"),(0,o._)("li",null,"ES6转码"),(0,o._)("li",null,"提示代码"),(0,o._)("li",null,"可访问性功能")],-1),S=(0,o._)("p",null,[(0,o.Uk)("Quasar 处理了所有这些网络开发的最佳实践和更多 – "),(0,o._)("strong",null,"不需要配置"),(0,o.Uk)("。")],-1),m=(0,o._)("p",null,[(0,o.Uk)("Quasar 应用扩展是一种将复杂(或简单)的设置无痛地注入你的网站/应用的方式。它们也是我们庞大的社区做出贡献的一种方式，可以帮助你更快地进入状态。"),(0,o._)("strong",null,"这些开发模式为 Quasar 打开了闸门，使其成为最具扩展性和最强大的框架之一"),(0,o.Uk)(" – 只受限于你的想象力和创新。")],-1),w=(0,o._)("p",null,"Quasar 组件和开发者自己的代码都支持RTL(从右到左)。如果使用RTL语言包，开发者编写的网站/应用程序CSS代码会自动转换为RTL。",-1),H=(0,o._)("p",null,"Quasar 提供UMD(统一模块定义)版本，这意味着开发者可以在现有项目中添加一个CSS和JS的HTML标签，就可以使用了。不需要构建步骤。",-1),W=(0,o._)("p",null,"当使用 Quasar 的CLI时，开发者可以从以下方面受益。",-1),y=(0,o._)("ul",null,[(0,o._)("li",null,"在对应用的源代码进行修改时，无论它是网站、PWA、移动应用(直接在手机上或模拟器 上)还是Electron应用，都可以保留状态的热模块重新加载(HMR)。开发者只需改变他 们的代码，保存更改，然后看着它被实时更新，而不需要任何页面刷新。"),(0,o._)("li",null,"保持状态的编译错误覆盖"),(0,o._)("li",null,"使用ESLint的保存时提示–如果开发者喜欢对他们的代码进行提示的话"),(0,o._)("li",null,"ES6代码转码"),(0,o._)("li",null,"源码图"),(0,o._)("li",null,"改变构建选项不需要手动重新加载开发服务器"),(0,o._)("li",null,"还有更多前沿的开发工具和技术")],-1),v=(0,o._)("p",null,"CLI的顶级项目初始化功能使你作为一个开发者可以非常容易地开始工作。你可以在创纪录的时间内把你的想法变成现实。换句话说，Quasar为你完成了繁重的工作，所以你可以自由地专注于你的功能，而不是模板。",-1),f=(0,o._)("p",null,"Quasar 项目有能力添加单元和端到端测试线束，以及不断增长的产品质量和安全审计工具套件。所有这些都是为了确保您的网站/应用程序具有最高的质量。",-1),b=(0,o._)("p",null,"我们始终关注 Quasar 的安全以及用 Quasar 构建的应用程序的安全。我们一直在关注并告知您任何您可能需要了解的安全威胁。我们有安全指南，我们甚至通过 Quasar 审计计划提供我们的安全专业知识。",-1),L=(0,o.Uk)("当开发者遇到他们无法解决的问题时，他们可以访问 Quasar "),q=(0,o.Uk)("论坛"),T=(0,o.Uk)(" 或我们的 "),A=(0,o.Uk)("Discord聊天服务器"),P=(0,o.Uk)(" 。社区总是在那里帮助你。你也可以通过关注我们的 "),E=(0,o.Uk)("Twitter"),j=(0,o.Uk)(" 获得新版本和新功能的更新。你也可以作为 "),I=(0,o.Uk)("支持者/赞助者"),M=(0,o.Uk)(" 获得特殊的服务，并帮助确保 Quasar 在未来也能与你保持联系!"),R=(0,o._)("p",null,"Google Chrome, Firefox, Edge, Safari, Opera, iOS, Android, Windows Phone, Blackberry, MacOS, Linux, Windows.",-1),D=(0,o._)("p",null,"Quasar 配备了超过40种语言包，开箱即用。除此之外，如果你的语言包丢失了，只需5分钟就可以添加。",-1),V=(0,o._)("p",null,"最后，值得一提的是，我们花了大量的时间来编写伟大的、无臃肿的、有针对性的、完整的文档，以便开发者能够快速掌握 Quasar 。我们在文档中付出了特别的努力，以确保没有任何混淆。",-1),O=(0,o.Uk)("Vue"),B=(0,o.Uk)(", "),J=(0,o.Uk)("Node.js"),x=(0,o.Uk)(", "),G=(0,o.Uk)("Webpack"),Z=(0,o.Uk)(", "),z=(0,o.Uk)("Cordova"),F=(0,o.Uk)(", "),N=(0,o.Uk)("Capacitor"),X=(0,o.Uk)(", "),K=(0,o.Uk)("Electron"),Y=(0,o.Uk)(" 。"),$=(0,o._)("p",null,"除了Vue(只需要半天时间就能掌握，并将永远改变你的生活)，其他技术不需要你了解。它们都是在 Quasar 中为你整合和配置的。",-1),ll=(0,o.Uk)("说完这些，让我们"),al=(0,o.Uk)("开始"),nl=(0,o.Uk)("! 你将在一分钟内运行一个网站或应用程序。");function ol(l,a,n,ol,ul,il){const dl=(0,o.up)("introduction-video"),sl=(0,o.up)("doc-link"),cl=(0,o.up)("doc-page");return(0,o.wg)(),(0,o.j4)(cl,{"meta-title":ol.metaTitle,title:"为什么选 Quasar ？",nav:ol.nav,toc:ol.toc,"meta-desc":ol.metaDesc},{default:(0,o.w5)((()=>[u,(0,o.Wm)(dl),i,d,s,c,(0,o._)("h2",{id:"什么是-quasar-",class:"doc-heading doc-h2",onClick:a[0]||(a[0]=l=>ol.copyHeading("什么是-quasar-"))},"什么是 Quasar ?"),e,t,r,_,(0,o._)("h2",{id:"你还有什么发现？",class:"doc-heading doc-h2",onClick:a[1]||(a[1]=l=>ol.copyHeading("你还有什么发现？"))},"你还有什么发现？"),p,h,k,(0,o._)("h4",{id:"所有平台一气呵成",class:"doc-heading doc-h4",onClick:a[2]||(a[2]=l=>ol.copyHeading("所有平台一气呵成"))},"所有平台一气呵成"),g,(0,o._)("h4",{id:"最大的顶级、快速和响应性的网络组件集",class:"doc-heading doc-h4",onClick:a[3]||(a[3]=l=>ol.copyHeading("最大的顶级、快速和响应性的网络组件集"))},"最大的顶级、快速和响应性的网络组件集"),Q,(0,o._)("h4",{id:"默认集成的最佳实践",class:"doc-heading doc-h4",onClick:a[4]||(a[4]=l=>ol.copyHeading("默认集成的最佳实践"))},"默认集成的最佳实践"),U,C,S,(0,o._)("h4",{id:"应用程序扩展支持",class:"doc-heading doc-h4",onClick:a[5]||(a[5]=l=>ol.copyHeading("应用程序扩展支持"))},"应用程序扩展支持"),m,(0,o._)("h4",{id:"完全的rtl支持",class:"doc-heading doc-h4",onClick:a[6]||(a[6]=l=>ol.copyHeading("完全的rtl支持"))},"完全的RTL支持"),w,(0,o._)("h4",{id:"逐步迁移您现有的项目",class:"doc-heading doc-h4",onClick:a[7]||(a[7]=l=>ol.copyHeading("逐步迁移您现有的项目"))},"逐步迁移您现有的项目"),H,(0,o._)("h4",{id:"通过-quasar-cli-获得无与伦比的开发者体验",class:"doc-heading doc-h4",onClick:a[8]||(a[8]=l=>ol.copyHeading("通过-quasar-cli-获得无与伦比的开发者体验"))},"通过 Quasar CLI 获得无与伦比的开发者体验"),W,y,(0,o._)("h4",{id:"快速上手",class:"doc-heading doc-h4",onClick:a[9]||(a[9]=l=>ol.copyHeading("快速上手"))},"快速上手"),v,(0,o._)("h4",{id:"自动测试与审计",class:"doc-heading doc-h4",onClick:a[10]||(a[10]=l=>ol.copyHeading("自动测试与审计"))},"自动测试与审计"),f,(0,o._)("h4",{id:"我们非常关心安全问题",class:"doc-heading doc-h4",onClick:a[11]||(a[11]=l=>ol.copyHeading("我们非常关心安全问题"))},"我们非常关心安全问题"),b,(0,o._)("h4",{id:"令人敬畏的不断增长的社区",class:"doc-heading doc-h4",onClick:a[12]||(a[12]=l=>ol.copyHeading("令人敬畏的不断增长的社区"))},"令人敬畏的不断增长的社区"),(0,o._)("p",null,[L,(0,o.Wm)(sl,{to:"https://forum.quasar.dev/"},{default:(0,o.w5)((()=>[q])),_:1}),T,(0,o.Wm)(sl,{to:"https://chat.quasar.dev"},{default:(0,o.w5)((()=>[A])),_:1}),P,(0,o.Wm)(sl,{to:"https://twitter.quasar.dev"},{default:(0,o.w5)((()=>[E])),_:1}),j,(0,o.Wm)(sl,{to:"https://donate.quasar.dev"},{default:(0,o.w5)((()=>[I])),_:1}),M]),(0,o._)("h4",{id:"广泛的平台支持",class:"doc-heading doc-h4",onClick:a[13]||(a[13]=l=>ol.copyHeading("广泛的平台支持"))},"广泛的平台支持"),R,(0,o._)("h4",{id:"quasar语言包",class:"doc-heading doc-h4",onClick:a[14]||(a[14]=l=>ol.copyHeading("quasar语言包"))},"Quasar语言包"),D,(0,o._)("h4",{id:"伟大的文档",class:"doc-heading doc-h4",onClick:a[15]||(a[15]=l=>ol.copyHeading("伟大的文档"))},"伟大的文档"),V,(0,o._)("h2",{id:"底层技术",class:"doc-heading doc-h2",onClick:a[16]||(a[16]=l=>ol.copyHeading("底层技术"))},"底层技术"),(0,o._)("p",null,[(0,o.Wm)(sl,{to:"https://v3.vuejs.org/"},{default:(0,o.w5)((()=>[O])),_:1}),B,(0,o.Wm)(sl,{to:"https://nodejs.org/"},{default:(0,o.w5)((()=>[J])),_:1}),x,(0,o.Wm)(sl,{to:"https://webpack.js.org/"},{default:(0,o.w5)((()=>[G])),_:1}),Z,(0,o.Wm)(sl,{to:"https://cordova.apache.org/"},{default:(0,o.w5)((()=>[z])),_:1}),F,(0,o.Wm)(sl,{to:"https://capacitor.ionicframework.com"},{default:(0,o.w5)((()=>[N])),_:1}),X,(0,o.Wm)(sl,{to:"https://electronjs.org/"},{default:(0,o.w5)((()=>[K])),_:1}),Y]),$,(0,o._)("h2",{id:"在一分钟内开始使用",class:"doc-heading doc-h2",onClick:a[17]||(a[17]=l=>ol.copyHeading("在一分钟内开始使用"))},"在一分钟内开始使用"),(0,o._)("p",null,[ll,(0,o.Wm)(sl,{to:"/start"},{default:(0,o.w5)((()=>[al])),_:1}),nl])])),_:1},8,["meta-title","nav","toc","meta-desc"])}var ul=n(17536),il=n(94538);const dl={name:"DocMarkdownPage",components:{IntroductionVideo:il.Z},setup(){return{metaTitle:"为什么选 Quasar ？",metaDesc:"Quasar是什么，它如何能大大减少你的开发时间和成本。",nav:[{name:"赞助商和支持者",category:null,path:"/sponsors-and-backers",dir:"right"}],toc:[{id:"什么是-quasar-",title:"什么是 Quasar ?"},{id:"你还有什么发现？",title:"你还有什么发现？"},{id:"底层技术",title:"底层技术"},{id:"在一分钟内开始使用",title:"在一分钟内开始使用"}],copyHeading:ul.Et}}};var sl=n(74260);const cl=(0,sl.Z)(dl,[["render",ol]]),el=cl}}]);