ทางลัดใน Visual Studio Code สำหรับ console.log คืออะไร

ฉันต้องการทราบว่าทางลัดสำหรับ console.log ในรหัส Visual Studio คืออะไร?

อัปเดตเมื่อกุมภาพันธ์ 2019:

ตามคำแนะนำของAdrian Smithและคนอื่น ๆ : หากคุณต้องการผูกแป้นพิมพ์ลัดเพื่อสร้างคำสั่งบันทึกคอนโซลคุณสามารถทำสิ่งต่อไปนี้:

1. ไฟล์> การตั้งค่า> แป้นพิมพ์ลัด
2. เหนือแถบค้นหาทางด้านขวาคุณจะเห็นไอคอนที่เมื่อคุณวางเมาส์เหนือคำว่า"เปิดแป้นพิมพ์ลัด (JSON)"ให้คลิกที่ไอคอนนั้น
3. เพิ่มสิ่งนี้ในการตั้งค่า JSON:

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

การกดCTRL+ SHIFT+ Lจะส่งออกข้อมูลโค้ดคอนโซล นอกจากนี้หากคุณได้เลือกข้อความไว้แล้วข้อความจะถูกใส่ไว้ในคำสั่งบันทึก

หากคุณต้องการ intellisene / autocomplete:

ไปที่Preferences -> User Snippets -> เลือกtypescript (หรือภาษาอะไรก็ได้ที่คุณต้องการ) jsonไฟล์ควรเปิด คุณสามารถเพิ่มข้อมูลโค้ดได้ที่นั่น

มีตัวอย่างสำหรับconsole.logแสดงความคิดเห็นอยู่แล้ว:

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
}

คุณต้องทำสิ่งนี้สำหรับทุกภาษาที่คุณต้องการใช้ตัวอย่าง ... เป็นเรื่องที่น่ารำคาญ

นอกจากนี้คุณควรตั้งค่า"editor.snippetSuggestions": "top"เพื่อให้ตัวอย่างข้อมูลของคุณปรากฏเหนือ intellisense ขอบคุณ @Chris!

คุณสามารถค้นหาคำแนะนำตัวอย่างได้ในการตั้งค่า -> ตัวแก้ไขข้อความ -> คำแนะนำ

คำตอบทั้งหมดข้างต้นใช้งานได้ดี แต่ถ้าคุณไม่ต้องการเปลี่ยนการกำหนดค่าของโค้ดวิชวลสตูดิโอ แต่ต้องการการเติมข้อความอัตโนมัติสำหรับconsole.log(object); คุณสามารถใช้clgทางลัดนี้และกดCtrl+ Spaceเพื่อรับคำแนะนำและกดEnter
หมายเหตุ : คุณสมบัตินี้สามารถใช้ได้ เมื่อคุณติดตั้งส่วนขยายข้อมูลโค้ด JavaScript (ES6)

ในทำนองเดียวกันคุณมีการเติมข้อความอัตโนมัติสำหรับ:

• clgสำหรับconsole.log(object);
• cloสำหรับconsole.log('object :', object);
• cclสำหรับconsole.clear(object);
• cerสำหรับconsole.error(object);
• ctrสำหรับ console.trace(object);
• cltสำหรับconsole.table(object);
• cinสำหรับconsole.info(object);
• ccoสำหรับconsole.count(label);
  
  (รายการนี้ดำเนินต่อไป ... )

อ้างอิง:

1. ลิงค์สำหรับข้อมูลโค้ด JavaScript (ES6):

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

2. ดูตัวอย่างจาก Visual Studio Code:

คำตอบอันดับต้น ๆ ของ @Sebastian Sebald นั้นดีมาก แต่ก็ประสบปัญหาที่คล้ายกัน (ไม่ใช่ console.log โดยเฉพาะ แต่มัน "หายไป") ฉันต้องการให้คำตอบด้วย

คำนำหน้าของคุณแน่นอนทำงาน - โดยเริ่มต้นและในกรณีของคุณที่คุณได้เปลี่ยนไปlog cเมื่อคุณพิมพ์log(หรือc) VSCode จะสร้างรายการ "all the things ™" ทั้งหมดโดยพิจารณาจากปัจจัยหลายประการ (เช่นฉันไม่รู้ว่าปัจจัยอะไรอาจเกี่ยวข้องกับคลาส)

สิ่งต่างๆเช่นตัวอย่างมักจะโน้มเอียงไปทางด้านล่าง หากต้องการชนไปด้านบนแม้จะมีความยาวให้เพิ่มสิ่งนี้ในการตั้งค่าของคุณ:

"editor.snippetSuggestions": "top"

ประเภทและตีlog enterมันจะทำให้สมบูรณ์อัตโนมัติconsole.log();

ใน Atom มีทางลัดที่ดีสำหรับ console.log () และฉันต้องการสิ่งเดียวกันใน VS Code

ฉันใช้วิธีแก้ปัญหาโดย@kampแต่ฉันต้องใช้เวลาสักพักในการคิดหาวิธีทำ นี่คือขั้นตอนที่ฉันใช้

1. ไปที่: ไฟล์> ค่ากำหนด> แป้นพิมพ์ลัด

2. ที่ด้านบนของหน้าคุณจะเห็นข้อความว่า: สำหรับการปรับแต่งขั้นสูงให้เปิดและแก้ไข keybindings.json

3. ซึ่งจะเปิดสองบานหน้าต่าง: การเชื่อมโยงคีย์เริ่มต้นและการเชื่อมโยงที่คุณกำหนดเอง

4. ใส่รหัสที่@kamp ให้มา

วิธีอื่นคือเปิดไฟล์keybindings.jsonและเพิ่มคีย์ผสมที่คุณต้องการ ในกรณีของฉันมันคือ:

{
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log($1)$0;"
    }
}

ใครก็ตามที่กำลังมองหาสำหรับการปรับแต่งขั้นสูงเปิดและแก้ไข keybindings.json

คลิกไอคอนเล็ก ๆ นี้เพื่อเปิด keybindings.json

ใช้รหัสนี้เพื่อสร้างทั้ง console.log () & เพื่อสร้าง console.log ("Word") สำหรับข้อความที่เลือก

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

เมื่อคุณพิมพ์บันทึกคำคุณจะเห็นสิ่งนี้:

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

คลิก Enter

Intellisense จะทำหน้าที่ของมัน!

ในกรณีที่ใครสนใจใส่ข้อความที่เลือกไว้ในconsole.log()คำสั่ง:

{
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log(${TM_SELECTED_TEXT}$1)$0;"
    }
}

clg + แท็บ

หรือตามที่กล่าวไว้ข้างต้น

log + enter (ตัวเลือกที่สองในเมนูแบบเลื่อนลง)

นี่เป็นคำถามเก่า แต่ฉันหวังว่าจะมีประโยชน์กับคนอื่น

ประเภท 'CLG' แล้วกดctrl+ spaceและตีมันอัตโนมัติจะเสร็จสมบูรณ์enter สำหรับสิ่งนี้คุณจะต้องติดตั้งส่วนขยายเช่นข้อมูลโค้ด JavaScript (ES6) เท่านั้นconsole.log()

ฉันไม่รู้ว่าฉันใช้นามสกุลอะไร แต่ฉันแค่พิมพ์บันทึกและกดแท็บเพื่อเติมข้อความอัตโนมัติ console.log (); วางเคอร์เซอร์ไว้ระหว่างวงเล็บปีกกา

นี่เป็นทางออกที่ดีกว่า

{
        "key": "cmd+shift+c",
        "command": "editor.action.insertSnippet",
        "when": "editorTextFocus",
        "args": {
            "snippet": "console.log('${TM_SELECTED_TEXT}', $TM_SELECTED_TEXT$1);"
        }
    }

ข้อความด้านล่างนี้เป็นข้อความที่เลือกโดยมีเครื่องหมายคำพูดเดี่ยว หวังว่าจะช่วยได้

// Place your key bindings in this file to overwrite the defaults
[{
    "key": "ctrl+shift+c",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
        "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
    }

}]

พิมพ์coและตีtabหรือenter.

ควรทำงานนอกกรอบ

อีกทางเลือกหนึ่งคือคุณสามารถสร้างฟังก์ชันที่ง่ายต่อการเขียนซึ่งเรียกใช้ console.log จากนั้นเรียกใช้ฟังก์ชันนั้น

 var a = funtion (x) {console.log(x)}
 a(2*2);        //prints 4

ฉันใช้ autohotkey เพื่อให้ได้เอฟเฟกต์เดียวกันเพียงพิมพ์ "cc" แล้วเว้นวรรคแล้วมันจะส่งออกบันทึกคอนโซล ยังไม่ได้ลองตัวอย่างไม่แน่ใจว่าจะเปรียบเทียบอย่างไร

; vscode
#IfWinActive ahk_exe Code.exe

    SetTitleMatchMode 2

    ; Move by word - Backwards
    Capslock & d:: Send ^+k
    ::cc::console.log("test321:" {+}){left}
    ::cl::logger.info("test321:" {+}){left}
    ::cd::logger.debug("test321:" {+}){left}
    ::ss::JSON.stringify(test, null, 2){ctrl down}{left 3}{ctrl up}

#IfWinActive