vscode react javascript snippets

VS Code ES7+ ตัวอย่าง React/Redux/React-Native/JS

ตัวอย่าง JavaScript และ React/Redux ใน ES7+ พร้อมฟีเจอร์ปลั๊กอิน Babel สำหรับ VS Code

การติดตั้ง

ตลาด Visual Studio

เปิดตัว เปิดด่วน :

• ลินุกซ์ : Ctrl+P
• macOS : ⌘P
• Windows : Ctrl+P

วางคำสั่งต่อไปนี้แล้วกด Enter :

ext install dsznajder.es7-react-js-snippets

ตัวเลือก

จากส่วนขยายเวอร์ชัน 4 มีตัวเลือกในการปรับแต่งพฤติกรรมของตัวอย่าง:

ตัวเลือก	คำอธิบาย
ภาษาขอบเขต	รายการภาษา / การจดจำไฟล์ที่รองรับ
สวยกว่าเปิดใช้งานแล้ว	กำหนดว่าควรแยกวิเคราะห์ตัวอย่างด้วยการกำหนดค่าโปรเจ็กต์ที่สวยกว่าหรือไม่
importReactOnTop	หากปิดใช้งาน ตัวอย่างข้อมูลจะไม่มี import React อยู่ด้านบน ตอบสนองการสนับสนุน 17+
ตัวพิมพ์ดีด	เพิ่มตัวอย่าง typescript เพิ่มเติม

สปอนเซอร์

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

การพิชิตความสมบูรณ์

คุณสามารถใช้แพ็คเกจนี้ในโปรแกรมแก้ไขข้อความ vim/neovim ของคุณ เพื่อให้เป็นไปได้ ตรวจสอบให้แน่ใจว่าคุณได้กำหนด coc.nvim ไว้ก่อนหน้านี้ จากนั้นเพิ่มคำสั่งนี้ใน init.vim ของคุณ

Plug ' dsznajder/vscode-es7-javascript-react-snippets ' , { ' do ' : ' yarn install --frozen-lockfile && yarn compile ' }

อัปเดตการตั้งค่า vim / neovim ของคุณด้วย :source % จากนั้นติดตั้งแพ็คเกจใหม่ด้วย :PlugInstall

หมายเหตุ: ตัวอย่างนี้ใช้ vim-plug เป็นตัวจัดการแพ็คเกจ คุณสามารถใช้ตัวอื่นได้ตามใจชอบ

แพ็กเกอร์

สำหรับใช้กับแพ็คเกอร์ไวยากรณ์จะแตกต่างออกไปเล็กน้อย เพียงเพิ่ม init.vim หรือ init.lua :

use { ' dsznajder/vscode-es7-javascript-react-snippets ' ,
run = ' yarn install --frozen-lockfile && yarn compile '
}

เมื่อบันทึกไฟล์แล้ว การอัพเดตจะเสร็จสิ้น ( :w )

คำสั่งค้นหา

คุณสามารถค้นหาตัวอย่างข้อมูลด้วยคำสั่ง ES7 snippet search ซึ่งสามารถเรียกใช้ด้วย CMD + Shift + P หรือเพียงใช้การเชื่อมโยงคีย์ CMD + Shift + R ( CTRL + ALT + R สำหรับ Windows และ Linux)

นี่คือลิงก์โดยตรงไปยัง Marketplace ES7 React/Redux/React-Native/JS Snippets

ตัวอย่าง