วิธีใช้งาน Yarn กับโปรเจ็กต์ Vue.js?

เฮ้! หากคุณสนใจโปรเจ็กต์ Vue.js และต้องการยกระดับเกมการพัฒนาของคุณ การใช้ Yarn อาจเป็นตัวเปลี่ยนเกมทั้งหมด และโชคดีสำหรับคุณ ฉันคือซัพพลายเออร์เส้นด้าย ดังนั้นฉันจึงมีข้อมูลทุกอย่างที่จะแบ่งปันกับคุณ

ก่อนอื่น เรามาพูดถึงว่า Yarn คืออะไร Yarn (Yet Another Resource Negotiator) เป็นตัวจัดการการพึ่งพาที่รวดเร็ว เชื่อถือได้ และปลอดภัยสำหรับโปรเจ็กต์ JavaScript ของคุณ ได้รับการพัฒนาโดย Facebook และผู้เล่นเทคโนโลยีรายใหญ่อื่นๆ เป็นทางเลือกแทน npm เมื่อพูดถึง Vue.js Yarn สามารถช่วยคุณจัดการการขึ้นต่อกันของโปรเจ็กต์ได้อย่างมีประสิทธิภาพมากขึ้น ทำให้มั่นใจได้ว่าแอปพลิเคชันของคุณทำงานได้อย่างราบรื่น

การติดตั้ง

ขั้นตอนแรกคือการติดตั้ง Yarn บนระบบของคุณ หากคุณใช้ macOS คุณสามารถใช้ Homebrew ได้ เพียงเปิดเทอร์มินัลของคุณแล้วรันคำสั่งต่อไปนี้:

ชงติดตั้งเส้นด้าย

สำหรับ Windows คุณสามารถดาวน์โหลดตัวติดตั้งได้จากเว็บไซต์ทางการของ Yarn และปฏิบัติตามคำแนะนำบนหน้าจอ ผู้ใช้ Linux สามารถใช้ตัวจัดการแพ็คเกจที่มาพร้อมกับการแจกจ่าย ตัวอย่างเช่น บน Ubuntu คุณสามารถเรียกใช้:

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - echo "deb https://dl.yarnpkg.com/debian/ หลักที่เสถียร" | sudo tee /etc/apt/sources.list.d/yarn.list อัปเดต sudo apt && sudo apt ติดตั้งเส้นด้าย

เมื่อคุณติดตั้ง Yarn แล้ว คุณก็พร้อมที่จะเริ่มใช้งานในโครงการ Vue.js ของคุณ

การเริ่มต้นโปรเจ็กต์ Vue.js ใหม่ด้วย Yarn

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

mkdir my - vue - โครงการ cd my - vue - โครงการ

ตอนนี้คุณสามารถใช้ Vue CLI เพื่อสร้างโปรเจ็กต์ใหม่ได้ หากคุณไม่ได้ติดตั้ง Vue CLI ทั่วโลก คุณสามารถทำได้ด้วย Yarn:

เส้นด้ายทั่วโลกเพิ่ม @vue/cli

หลังจากการติดตั้งเสร็จสมบูรณ์ คุณสามารถสร้างโปรเจ็กต์ Vue.js ใหม่ได้โดยใช้คำสั่งต่อไปนี้:

ดูสร้าง

เมื่อได้รับแจ้ง คุณสามารถเลือกค่าที่ตั้งล่วงหน้าที่คุณต้องการได้ และในระหว่างกระบวนการติดตั้ง Yarn จะถูกใช้เพื่อดาวน์โหลดการขึ้นต่อกันที่จำเป็นทั้งหมด

การเพิ่มการพึ่งพา

ข้อดีหลักประการหนึ่งของการใช้ Yarn ในโปรเจ็กต์ Vue.js ของคุณคือความง่ายในการเพิ่มการขึ้นต่อกันใหม่ สมมติว่าคุณต้องการเพิ่มปลั๊กอิน Vue.js ยอดนิยม เช่น Vue Router คุณสามารถรันคำสั่งต่อไปนี้ในไดเร็กทอรีรากของโปรเจ็กต์ของคุณ:

เส้นด้ายเพิ่ม vue - เราเตอร์

จากนั้น Yarn จะดึง Vue Router เวอร์ชันล่าสุดและการขึ้นต่อกันทั้งหมด และเพิ่มลงในโปรเจ็กต์ของคุณแพ็คเกจ.jsonไฟล์. คุณยังสามารถเพิ่มเวอร์ชันเฉพาะได้โดยการระบุเวอร์ชันไว้หลังชื่อแพ็กเกจ เช่นนี้

เส้นด้ายเพิ่ม vue - router@4.0.12

ด้วยวิธีนี้ คุณจะสามารถควบคุมเวอร์ชันของแพ็คเกจที่คุณใช้ได้อย่างเต็มที่

การจัดการสคริปต์

ในโปรเจ็กต์ Vue.js คุณมักจะมีสคริปต์ที่กำหนดไว้ในแพ็คเกจ.jsonเพื่อรันงานต่างๆ เช่น การเริ่มต้นเซิร์ฟเวอร์การพัฒนา การสร้างโปรเจ็กต์สำหรับการผลิต ฯลฯ Yarn ช่วยให้การรันสคริปต์เหล่านี้เป็นเรื่องง่าย ตัวอย่างเช่น ถ้าคุณมีผู้พัฒนาสคริปต์ในของคุณแพ็คเกจ.jsonแบบนี้:

{ "สคริปต์": { "dev": "vue - cli - บริการให้บริการ" } }

คุณสามารถเริ่มต้นเซิร์ฟเวอร์การพัฒนาได้โดยการรัน:

ผู้พัฒนาเส้นด้าย

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

แคชและการสนับสนุนออฟไลน์

คุณสมบัติที่ยอดเยี่ยมอีกประการหนึ่งของ Yarn คือระบบแคช เมื่อคุณติดตั้งแพ็คเกจครั้งแรก Yarn จะจัดเก็บไว้ในแคชส่วนกลาง ดังนั้น ครั้งถัดไปที่คุณหรือคนอื่นในทีมของคุณติดตั้งแพ็คเกจเดียวกันในโปรเจ็กต์อื่น Yarn สามารถใช้เวอร์ชันแคชแทนการดาวน์โหลดอีกครั้ง ซึ่งช่วยประหยัดเวลาและแบนด์วิธได้มาก โดยเฉพาะอย่างยิ่งเมื่อทำงานหลายโครงการ

นอกจากนี้ Yarn ยังรองรับการติดตั้งแบบออฟไลน์ หากคุณมีการเชื่อมต่ออินเทอร์เน็ตที่ช้าหรือไม่น่าเชื่อถือ คุณยังคงสามารถทำงานในโครงการ Vue.js ของคุณได้ ตราบใดที่แพ็คเกจที่คุณต้องการอยู่ในแคชอยู่แล้ว Yarn ก็สามารถติดตั้งได้โดยไม่ต้องเชื่อมต่ออินเทอร์เน็ต

การล็อคแพ็คเกจ

เส้นด้ายใช้เส้นด้าย.ล็อคไฟล์เพื่อล็อคเวอร์ชันที่แน่นอนของแพ็คเกจทั้งหมดที่โปรเจ็กต์ของคุณขึ้นอยู่กับ สิ่งนี้ทำให้แน่ใจได้ว่าทุกครั้งที่คุณหรือสมาชิกในทีมของคุณติดตั้งการขึ้นต่อกัน พวกเขาจะได้รับเวอร์ชันเดียวกันทุกประการ นี่เป็นสิ่งสำคัญสำหรับการรักษาความสอดคล้องในสภาพแวดล้อมการพัฒนาที่แตกต่างกัน และหลีกเลี่ยงปัญหาใดๆ ที่อาจเกิดขึ้นจากการใช้แพ็คเกจเวอร์ชันต่างๆ

การใช้ผลิตภัณฑ์เส้นด้ายของเรา

ตอนนี้คุณรู้วิธีใช้ Yarn ในโครงการ Vue.js ของคุณแล้ว คุณอาจสนใจผลิตภัณฑ์เส้นด้ายคุณภาพสูงของเราด้วย เรามีเส้นด้ายหลากหลายประเภทสำหรับการใช้งานที่แตกต่างกัน ตัวอย่างเช่น หากคุณสนใจเรื่องการตัดเย็บ คุณสามารถดูของเราได้ด้ายเย็บผ้าโพลีเอสเตอร์. มีความแข็งแรง ทนทาน และลงตัวกับทุกความต้องการในการตัดเย็บของคุณ

หากคุณชื่นชอบการถักเสื้อสเวตเตอร์ของเราเสื้อกันหนาวถักเส้นด้ายขนสัตว์อะคริลิเป็นทางเลือกที่ดี มีเนื้อสัมผัสที่นุ่มนวลและมีหลายสี และสำหรับผู้ที่มองหาตัวเลือกสังเคราะห์ของเราเส้นด้ายไนลอน 100%มีทั้งความแข็งแรงและน้ำหนักเบา

ติดต่อเราเพื่อจัดซื้อจัดจ้าง

หากคุณสนใจที่จะซื้อผลิตภัณฑ์เส้นด้ายของเรา เราพร้อมให้ความช่วยเหลือ ไม่ว่าคุณจะเป็นผู้ผลิตงานคราฟต์รายย่อยหรือผู้ผลิตรายใหญ่ เราสามารถตอบสนองความต้องการของคุณได้ มาเริ่มการสนทนาเกี่ยวกับวิธีที่เราสามารถทำงานร่วมกันเพื่อให้คุณได้รับเส้นด้ายที่เหมาะสมสำหรับโครงการของคุณ

อ้างอิง

• เอกสาร Vue.js
• เอกสารเส้นด้าย