กรอบงานควาซาร์
ผู้เขียนต้นฉบับ	ราซวาน สโตเอเนสคู
ปล่อย	กุมภาพันธ์ 2558 [ 1 ] ( 2015-02 )
เวอร์ชันเสถียร	2.18.6 / 13 พฤศจิกายน 2025 [ 2 ] ( 13 พฤศจิกายน 2025 )
เขียนเป็น	โค้ด JavaScript
ขนาด	14.7 KB min+gzip
พิมพ์	เฟรมเวิร์ก JavaScript
ใบอนุญาต	ใบอนุญาต MIT [ 3 ]
เว็บไซต์	ควาซาร์.dev
ที่เก็บข้อมูล	github.com/quasarframework/quasar​​​

เฟรมเวิร์ก Quasar (โดยทั่วไปเรียกว่าQuasar ; ออกเสียงว่า/ ˈ k w eɪ . z ɑːr / ^{[ 4 ]} ) เป็น เฟรมเวิร์ กโอเพนซอร์ส ที่ใช้ Vue.jsสำหรับสร้างแอปด้วยโค้ดเบสเดียว สามารถใช้งานบนเว็บในรูปแบบSPA , PWA , SSR , แอปบนมือถือโดยใช้CordovaสำหรับiOSและAndroidและแอปบนเดสก์ท็อปโดยใช้ElectronสำหรับMac , WindowsและLinux ^{[ 5 ] [ 4} ] Quasar ถูกสร้างขึ้นโดย Razvan Stoenescu และได้รับการดูแลโดยทีมพัฒนาขนาดเล็ก (เรียกอีกอย่างว่า "ทีมหลัก") ^และ ผู้มีส่วนร่วม สมาชิกส่วนใหญ่จากทีมหลักปัจจุบันทำงานที่บริษัทต่างๆ เช่นLenovo , IntelliView Technologies Inc. และ AG Development Services ^{[ 6 ]}

Quasar มุ่งเน้นการสร้าง อินเทอร์เฟซผู้ใช้ VueJSอย่างรวดเร็ว ผู้ใช้จำเป็นต้องเขียนโค้ดต้นฉบับเพียงแหล่งเดียวสำหรับทุกแพลตฟอร์มได้แก่ เว็บไซต์เดสก์ท็อป/มือถือที่ตอบสนองต่อทุกขนาดหน้าจอ ( SPA , SSR + SPA client takeover, SSR + PWA client takeover), PWA ( Progressive Web Apps ), แอปพลิเคชันมือถือ (ที่ดูเหมือนแอปพลิเคชันเนทีฟ) และแอปพลิเคชันเดสก์ท็อปแบบหลายแพลตฟอร์ม (ผ่านElectron ) รวมถึงส่วนขยายเบราว์เซอร์ด้วย^{[ 4 ​​]}

Quasar ได้รับการออกแบบโดยคำนึงถึงประสิทธิภาพ การตอบสนอง และความสามารถในการทำงานร่วมกัน^{[ 4 ]}

Quasar ถูกสร้างขึ้นโดย Razvan Stoenescu หลังจากทำงานให้กับIBMและLenovoโดยใช้เครื่องมือซอฟต์แวร์ใหม่และแตกต่างกันอย่างต่อเนื่องเพื่อสร้างแอป iOS, แอป Android, เว็บแอปพลิเคชัน, แอปเดสก์ท็อป Windows, แอปเดสก์ท็อป Apple และ PWA ทุกประเภท ต่อมาเขาสรุปกระบวนการคิดของเขาว่า: "ผมปรารถนาเฟรมเวิร์กเดียวที่จะขจัดความซับซ้อนทั้งหมดและสร้างแอปหลากหลายรูปแบบเหล่านี้...จากโค้ดเบสเดียว เมื่อไม่สามารถหาเครื่องมือในตำนานเช่นนั้นได้ ผมจึงตัดสินใจสร้างมันขึ้นมา" ^{[ 1 ] [ 4 ]}

การคอมมิตซอร์สโค้ดครั้งแรกของโครงการมีขึ้นในปี 2015 และ Quasar เวอร์ชันเสถียร 1.0 ได้รับการเผยแพร่ในเดือนกรกฎาคม 2019 การประชุม Quasar ครั้งแรกจัดขึ้นในเดือนกรกฎาคม 2020 ^{[ 7 ]} Quasar v2 (พร้อม Vue.js 3) เวอร์ชันเสถียร 2.0.0 ได้รับการเผยแพร่ในเดือนมิถุนายน 2021

แอป Quasar สร้างขึ้นโดยใช้Vue Single File ComponentsและQuasar Components Vue Single File Components ประกอบด้วยหลายส่วน ได้แก่ เทมเพลต (HTML), สคริปต์ (Javascript) และสไตล์ (CSS/Stylus/SASS/SCSS/Less) ทั้งหมดอยู่ในไฟล์เดียวกัน^{[ 8 ]} โค้ดตัวอย่างด้านล่างนี้แสดงโครงสร้างของ Vue Single File Component:

< เทมเพลต><!-- คุณกำหนดเทมเพลต Vue ของคุณที่นี่ --></template>​​< การตั้งค่าสคริปต์>// ส่วนนี้คือที่ที่โค้ด Javascript ของคุณอยู่// เพื่อกำหนดคอมโพเนนต์ Vue ของคุณ ซึ่ง// อาจเป็นเลย์เอาต์ หน้าเว็บ หรือของคุณเองก็ได้// ส่วนประกอบที่ใช้ทั่วทั้งแอป</ สคริปต์>< สไตล์>/* ส่วนนี้คือส่วนสำหรับใส่โค้ด CSS */</style>​​

คอมโพเนนต์ของ Quasar คือแท็ก HTML ที่ขึ้นต้นด้วยqและเชื่อมโยงไปยัง/quasar.configไฟล์

ไลบรารีหลักประกอบด้วยเครื่องมือและไลบรารีต่างๆ ที่พัฒนาโดยทีมงานหลักและผู้ร่วมพัฒนา

เฟรมเวิร์ก Quasar ประกอบด้วยส่วนประกอบหลักหลายประการ:

ควาซาร์ ซีแอลไอ

เครื่องมืออินเทอร์เฟซบรรทัดคำสั่งที่ช่วยอำนวยความสะดวกในการสร้างและพัฒนาแอปพลิเคชันข้ามแพลตฟอร์ม โดยมีสภาพแวดล้อมส่วนกลางสำหรับการเริ่มต้นและการจัดการแอปพลิเคชัน

แอปควาซาร์

สภาพแวดล้อมการพัฒนาและการก่อสร้างในพื้นที่ Quasar CLI ประกอบด้วย:

• เซิร์ฟเวอร์สำหรับการพัฒนาเพื่อดูตัวอย่างการเปลี่ยนแปลงแบบเรียลไทม์
• สร้างระบบสำหรับการติดตั้งใช้งานแอปพลิเคชันบนแพลตฟอร์มต่างๆ รวมถึง:
  • เว็บ
  • แอปพลิเคชันเว็บแบบก้าวหน้า (PWA)
  • การเรนเดอร์ฝั่งเซิร์ฟเวอร์ (SSR)
  • คอร์โดวา
  • ตัวเก็บประจุ
  • อิเล็กตรอน
  • ส่วนขยายเบราว์เซอร์

ควอซาร์ UI

ไลบรารีที่ครอบคลุมของส่วนประกอบส่วนติดต่อผู้ใช้ที่ออกแบบมาเพื่อใช้ภายในแอปพลิเคชัน Quasar

• การเปรียบเทียบเฟรมเวิร์ก JavaScript
• เฟรมเวิร์ก JavaScript
• ไลบรารี JavaScript
• รายชื่อเฟรมเวิร์กสำหรับการพัฒนาเว็บแอปพลิเคชัน

 บทความนี้มีการนำข้อความจาก งาน เนื้อหาเสรีมาใช้ ได้รับอนุญาตภายใต้MIT License ( คำชี้แจง/การอนุญาต ) ข้อความนำมาจากQuasar Framework Guide​ , Quasar Framework

• เว็บไซต์อย่างเป็นทางการ