หลังจากหาวิธีทำอยู่ตั้งนาน ลองนู่นลองนี่ ปรากฏว่า มันมี template ให้ใช้ สั่งสร้างโปรเจคด้วย template ตัวนี้ ได้ครบทุกอย่างที่ต้องการ เซงเบย เสียเวลาไปงมเองทีละอย่างตั้งนาน เริ่มต้นด้วยคำสั่งนี้เลยครับ (สมมุติว่า เราลง พวก vue-cli เรียบร้อยแล้ว นะ)
vue init simulatedgreg/electron-vue my-project
มันจะถามคำถามสุขภาพ 4-5 ข้อ
? Application Name ...
? Application Id com.un-no....
? Application Version 0.0.1
? Project description ...
? Use Sass / Scss? Yes
? Select which Vue plugins to install axios, vue-electron, vue-router, vuex
? Use linting with ESLint? Yes
? Which ESLint config would you like to use? Standard
? Set up unit testing with Karma + Mocha? Yes
? Set up end-to-end testing with Spectron + Mocha? Yes
? What build tool would you like to use? builder
? author EK <[email protected]>
จุดสำคัญๆ นอกจากพวกชื่อโปรเจคแล้ว มีประมาณนี้ครับ
สุดท้ายพอได้ครบแล้ว เราก็สั่ง
npm install
npm run dev
ก็จะได้หน้าตาแบบนี้ขึ้นมาครับ
ซึ่งตัวแอฟ ที่เห็นนี้ เป็นแบบ Hot Reload ด้วยนะครับ เขียนโค้ดกันได้สนุกสุดๆ
จบครับ ไว้มีต่อเรื่องถัดไป