VS Code Pro Tips

১। workspaceFolder

VS Code এর ডিফল্ট সেটিং থাকা অবস্থায় আমরা যখন টার্মিনাল খুলি, তখন ডিফল্ট ডিরেক্টরিতে টার্মিনাল চালু হয় (যেমন C:\Users\YourName , তারপর বারবার cd .. / cd omuk cd tomuk লিখে সময় নষ্ট করতে হয় কাঙ্ক্ষিত ফোল্ডারে যেতে।

আমি গত ৮+ মাস এভাবেই করেছি, পরে বিরক্ত হয়ে গুগল সার্চ করে জেনেছি যে- settings এ গিয়ে (শর্টকাট ctrl + , ) cwd সার্চ করে নিচের দেখানো সেটিং এ ${workspaceFolder} লিখে দিলে ওয়ার্কস্পেস ফোল্ডারই টার্মিনালে এসে থাকবে।

Terminal › Integrated: Cwd

An explicit start path where the terminal will be launched, this is used as the current working directory (cwd) for the shell process. This may be particularly useful in workspace settings if the root directory is not a convenient cwd.

২। Ligatures

আমি জানতাম না যে !== / => এগুলো পালটায় কীভাবে। যেহেতু এই পরিবর্তনের নামই জানতাম না (ligatures) , তাই সার্চও করা কঠিন ছিল।

উইন্ডোজে Consolas, ‘Courier New’, monospace ভিএসকোডের ডিফল্ট ফন্ট দেয়া থাকে। এগুলোতেও Ligature আছে। আপনাকে fira code নামাতে হবে না। (চাইলে নামাতে পারেন, তবে বাধ্যতামূলক না, সেটাই বলছি) তারপর সেটিংসে ligatures সার্চ করে edit json এ গিয়ে “editor.fontLigatures”: true করে দেবেন, ডিফল্টে false থাকে। ব্যস, হয়ে গেল।

ভিডিও টিউটোরিয়াল

৩। লাইন নম্বর হাইড করা

আপনি যদি সেটিংস থেকে লাইন নম্বর হাইড করেন, নম্বর হাইড হলেও সেই জায়গাটা ব্লক হয়েই থাকবে। আপনার কাজে আসবে না। সেই জায়গাটা কাজে লাগাতে চাইলে প্রথমে System Cycler ডাউনলোড করতে হবে। তারপর নিচের দু’টি JSON ফাইল এডিট করতে হবে। ctrl + shift + P টিপে Perferences: Open User Settings (JSON) এবং Perferences: Open Keyboards Shortcuts (JSON) ওপেন করে নিচের কোডগুলো যোগ করতে হবে। settings.json:

    "settings.cycle": [{
        "id": "lineNumbers",
        "values":[
            {
                "editor.lineNumbers": "off",
                "editor.folding": false,
                "editor.glyphMwp.zmt3.comin": false
            },
            {
                "editor.lineNumbers": "on",
                "editor.folding": true,
                "editor.glyphMwp.zmt3.comin": true
    
            }
        ]
    }],

keybindings.json:

[
    {
        "key": "ctrl+shift+l", 
        "command": "settings.cycle.lineNumbers",
        "when": "editorFocus"
    }  
]

ctrl+shift+l সেট না করে অন্য কিছুও সেট করতে পারেন।

ভিডিও টিউটোরিয়াল

৪। টার্মিনাল ফুলস্ক্রিন করার শর্টকাট

ctrl + ` বর্তমান/সর্বশেষ টার্মিনাল শো / হাইড

ctrl + shfit + ` নতুন টার্মিনাল খোলা

এ দুটি ডিফল্টেই থাকে।

আর আপনি যদি চান যে, টার্মিনাল ফুলস্ক্রিনে দেখবেন, আবার কোডে ফিরে যাবেন তাহলে ctrl + k ctrl + s টিপে toggle maximized panel সার্চ করে ctrl + alt + ` সেট করে নিতে পারেন।

gatsby / vite ব্যবহার সহ বিভিন্ন সময়ে কাজে লাগে।