vue boilerplate typescript

Vue.js บอยเลอร์เพลท, Typescript, Vuex, Vue-Router, Element-UI, i18n, axios, Font Awesome

ต้นแบบ typescript สำหรับ Vue.js พร้อม Vue CLI 3.x ที่ใช้:

• วูเอ็กซ์
• vue-เราเตอร์
• องค์ประกอบ-UI
• i18n
• axios
• แบบอักษรที่ยอดเยี่ยม
• -

ความต้องการ

• Node.js (npm)

การติดตั้ง

1. ติดตั้ง Vue CLI 3.x

    npm install -g @vue/cli
   # OR
   yarn global add @vue/cli
   

2. ติดตั้งการพึ่งพา

    npm install
   # OR
   yarn install
   

สถาปัตยกรรม

นี่คือวิธีที่ฉันจัดโครงสร้างโปรเจ็กต์ Vue.js เป็นการส่วนตัว อย่าลังเลที่จะปรับเปลี่ยนให้เหมาะกับความต้องการของคุณ

• - assets : ประกอบด้วยเนื้อหาทั้งหมด เช่น รูปภาพหรือไฟล์เสียง
• - components : ประกอบด้วยส่วนประกอบ Vue ทั้งหมด
• - layouts : ประกอบด้วย Vue -Layouts ทั้งหมดที่สามารถตั้งค่าใน vue-router
• - models : ประกอบด้วยโมเดลทั้งหมดที่จำเป็นสำหรับตรรกะทางธุรกิจ
• - requests : ประกอบด้วยคำขอทั้งหมดที่จำเป็นสำหรับการสื่อสารกับ API
• - rules : ประกอบด้วยกฎการตรวจสอบที่ใช้ซ้ำได้ทั้งหมด
• - services : ประกอบด้วยบริการทั้งหมดที่ตอบสนองคำขอทางเว็บ
• - store : ประกอบด้วยโมดูลทั้งหมดที่กำลังใช้โดย vuex -store
• - style : ประกอบด้วยสไตล์ชีททั้งหมด
• - translations : มีการแปลทั้งหมดเป็นไฟล์ . .ts
• - views : ประกอบด้วยมุมมองทั้งหมดที่ใช้ใน vue-router

คำสั่ง

คอมไพล์และโหลดซ้ำเพื่อการพัฒนา

 npm run serve
# OR
yarn run serve

คอมไพล์และลดขนาดสำหรับการผลิต

 npm run build
# OR
yarn run build

Lints และแก้ไขไฟล์

 npm run lint
# OR
yarn run lint

ปรับแต่งการกำหนดค่า

ดูการอ้างอิงการกำหนดค่า