หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

ระบบหน้าเดียวหลายหน้า

ระบบนี้ได้ถูกย้ายไปยังบิลด์ vue-cli-service และสามารถใช้งานได้ทันที

คำแนะนำ

  • สภาพแวดล้อม: >=node8 + เส้นด้าย
  • บรรณาธิการ: vscode

เริ่ม 

yarn # npm i
yarn run dev # 默认入口为src/pages/*/index.js

การกำหนดค่าสภาพแวดล้อม 

.env # 默认配置
.env.local # gitignore，会merge .env
.env.prod
.env.prod.local # gitignore，会merge .env.prod

คอมมิตLint

ตามประเภทข้อกำหนดทั่วไป

  • ความสำเร็จ: ฟังก์ชั่นใหม่ (ฟีเจอร์)
  • แก้ไข: แก้ไขข้อผิดพลาด
  • เอกสาร: เอกสารประกอบ
  • สไตล์: การปรับสไตล์
  • รีแฟคเตอร์: รีแฟคเตอร์ฟังก์ชัน
  • ทดสอบ: เพิ่มการทดสอบ
  • งานบ้าน: การเปลี่ยนแปลงกระบวนการสร้างหรือเครื่องมือเสริม
  • perf: การเพิ่มประสิทธิภาพการทำงาน
  • ย้อนกลับ: ย้อนกลับการกระทำ 
 # type: 提交类型  scope: 变动范围  type为必需，scope选填
# git commit -m '${type}(${scope}): some message'
git commit -m ' feat: 增加 xxx 功能'
git commit -m ' fix: 修复 xxx 功能'
git commit -m ' fix(UserController): [bug005]修复用户权限问题'

เอสลินท์

ดัดแปลงโดย .eslintrc.js

  • 0 ปิดการใช้งาน
  • 1 คำเตือน
  • 2 ข้อผิดพลาด

ข้อมูลจำเพาะของรหัส

  • https://github.com/airbnb/javascript
  • ไฟล์ .vue และโฟลเดอร์ที่เกี่ยวข้องจะถูกตั้งชื่อด้วยตัวพิมพ์เล็กทั้งหมด คั่นด้วย - เช่น: button-group

บันทึก

  • js polyfill ได้รับการแนะนำทั่วโลกใน cdn ผ่าน html และไม่จำเป็นต้องใช้ babel-polyfill หรือ transform-runtime เพื่อแก้ไขปัญหา
  • ปรับแต่งธีม element-ui ผ่าน ~/src/styles/element-theme.scss
  • สไตล์ทั่วไปเขียนด้วย ~/src/styles/${THEME}/app.scss
  • ตัวแปรสไตล์หลักมีชื่ออยู่ใน ~/src/styles/${THEME}/variables.scss สไตล์คอมโพเนนต์จะรวมธีมผ่านตัวแปรที่กำหนด
  • ไลบรารีไอคอนถูกวางไว้ที่ https://www.iconfont.cn/ (ปัจจุบันอยู่ในบัญชี github/evanliu2968)
  • https://serverfault.com/questions/506972/nginx-why-i-cant-put-proxy-set-header-inside-an-if-clause

ปรับปรุงโครงการ

แผนภูมิ

  • อีชาร์ต
  • ~/src/components/common/vue-echarts

อัปโหลด

  • components/common/file-upload ie10+ อัปโหลด FormData, ie9 อัปโหลด iframe

การส่งผ่านที่เข้ารหัส

  • https://blog.csdn.net/baidu_22254181/article/details/82594072
  • ปัจจุบันมีการใช้การเข้ารหัสแบบสมมาตร AES ~/src/libs/auth.js

เว็บแพ็ค

  • Babel ไม่ transpile ไฟล์ใน node_modules ตามค่าเริ่มต้น และจำเป็นต้องประกาศใน ~vue.config.js/transpileDependencies
  • new webpack.ContextReplacementPlugin(/moment[\/]locale$/, /^./(zh-cn)$/) ลบแพ็คเกจภาษาอื่น ๆ (แพ็คเกจบีบอัดมากกว่า 300 kb)
  • เป็นเรื่องยากเกินไปที่จะแนะนำแผนภูมิเดียว echarts (ซอร์สโค้ด 2M+, แพ็คเกจบีบอัด 600kb) ใช้ js ใน HTML เพื่อหลีกเลี่ยงการบรรจุภัณฑ์ทุกครั้ง

สภาพแวดล้อมเซิร์ฟเวอร์

ที่อยู่การกำหนดค่า nginx: cd /etc/nginx/vhost หลังจากแก้ไขแล้ว คุณต้องรีสตาร์ท nginx และใช้คำสั่ง docker เพื่อรีสตาร์ทและโหลดไฟล์การกำหนดค่าใหม่: docker exec nginx nginx -s reload ตรวจสอบไฟล์การกำหนดค่า: docker exec nginx nginx -t

เอกสารกระบวนการอื่นๆ

  • กระบวนการปล่อยสิ่งแวดล้อม.md
  • สภาพแวดล้อมการพัฒนาท้องถิ่นที่รัน process.md
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด