ایجاد cli برای console.log در vscode

احتمالا برای شما هم پیش آمده که در کد نویسی زیاد از console.log استفاده کرده باشید و نوشتن پی در پی این دستور تکراری طاقت فرسا شده باشد.
در این یادداشت راهی هایی را برای چلوگیری از نوشتن این دستور در ادیتور vscode بیان می‌کنم که با توجه به نیازهای خود می‌توانید یکی از این گزینه ها را انتخاب کنید.

۱. تنظیم Keyboard Shortcuts در vscode

۲. روش autocomplete

تنظیم Keyboard Shortcuts در vscode

در vscode به آدرس زیر رفته

File > Preferences > Keyboard Shortcuts

به قسمت بالای سمت راست پنجره باز شده بروید، در آیکن های بالایی، آیکنی که با رفتن بر رویش عبارت

open keyboard shortcuts

دیده می‌شود را انتخاب کنید.
کد زیر را به فایل باز شده اضافه کرده و save کنید.

{
&quotkey&quot: &quotctrl+shift+l&quot,
&quotcommand&quot: &quoteditor.action.insertSnippet&quot,
&quotwhen&quot: &quoteditorTextFocus&quot,
&quotargs&quot: {
&quotsnippet&quot: &quotconsole.log('${TM_SELECTED_TEXT}$1')$2;&quot
}
}

با زدن دکمه های ctrl+shift+l در فایل پروژه عبارت ;(' ')console.log ظاهر می‌شود.

روش autocomplete

در vscode به آدرس زیر رفته

File -> Preferences -> User Snippet

منویی برای شما باز می شود که با انتخاب new global snippets file , و نوشتن نام فایل مورد نظر خود و زدن دکمه enter، فایلی به اسم selectedName.code-snippets باز می‌شود
کد زیر را داخل فایل بنویسید و save کنید.

&quotPrint to console&quot: {
&quotscope&quot: &quotjavascript,typescript&quot,
&quotprefix&quot: &quotlog&quot,
&quotbody&quot: [
&quotconsole.log('$1' , '$2');&quot,
&quot$2&quot
],
&quotdescription&quot: &quotLog output to console&quot
}

سپس با استفاده از ctrl + shift + p، داخل منویی که برایتان باز شده عبارت json و یا open settings را سرچ کنید و فایل را باز کنید. کد زیر را اضافه کنید.

&quoteditor.snippetSuggestions&quot: &quottop&quot

پس از ذخیره فایل در هر فایلی از پروژه با نوشتن عبارت مقابل prefix در selectedName.code-snippets ( در این مثال با نوشتن log) یک tooltip ظاهر میشود که میتوانید console.log را انتخاب کنید.