រៀបចំ Environment សម្រាប់ Developer ថ្មីលើ VS Code ឱ្យមានប្រសិទ្ធភាព

សូមស្វាគមន៍ចំពោះបងប្អូន Developer ថ្មីទាំងអស់! ការចាប់ផ្តើមដំណើរការជាមួយការសរសេរកូដអាចជារឿងគួរឱ្យរំភើប ប៉ុន្តែក៏អាចជារឿងដែលគួរឱ្យភ័យខ្លាចផងដែរ ជាពិសេសនៅពេលនិយាយអំពីការរៀបចំបរិយាកាសអភិវឌ្ឍន៍ (development environment) របស់អ្នក។ ក្នុងអត្ថបទនេះ យើងនឹងណែនាំបងប្អូនអំពីរបៀបដំឡើង និងកំណត់រចនាសម្ព័ន្ធ Visual Studio Code (VS Code) ដែលជាកម្មវិធីកែសម្រួលកូដ (code editor) ដ៏ពេញនិយម និងមានឥទ្ធិពលបំផុតមួយ ដើម្បីឱ្យបងប្អូនអាចចាប់ផ្តើមសរសេរកូដបានយ៉ាងរលូន និងមានប្រសិទ្ធភាព។

ហេតុអ្វីត្រូវជ្រើសរើស Visual Studio Code?

VS Code ត្រូវបានបង្កើតឡើងដោយ Microsoft ហើយបានក្លាយជាជម្រើសដំបូងសម្រាប់ Developer រាប់លាននាក់នៅជុំវិញពិភពលោក។ មូលហេតុសំខាន់ៗដែលធ្វើឱ្យ VS Code លេចធ្លោរមានដូចជា៖

• ឥតគិតថ្លៃ និង Open Source៖ អាចប្រើប្រាស់បានដោយសេរី។
• Lightweight និង លឿន៖ ដំណើរការបានរហ័ស និងមិនសូវស៊ី Resource របស់កុំព្យូទ័រ។
• ពង្រីកបានខ្ពស់ (Extensible)៖ មាន Extension ជាច្រើនដែលគាំទ្រភាសាសរសេរកូដ បច្ចេកវិទ្យា និង Workflow ស្ទើរតែទាំងអស់។
• Integrated Terminal៖ មាន Command Line Interface (CLI) ដែលភ្ជាប់មកជាមួយ ងាយស្រួលប្រើសម្រាប់រត់ពាក្យបញ្ជាផ្សេងៗ។
• Built-in Git Integration៖ អាចគ្រប់គ្រង Version Control ដោយផ្ទាល់នៅក្នុង Editor។

ជំហានទី ១៖ ការដំឡើង VS Code

ជំហានដំបូងគឺត្រូវទាញយក និងដំឡើង VS Code ។

1. ចូលទៅកាន់គេហទំព័រផ្លូវការរបស់ VS Code៖ code.visualstudio.com
2. ទាញយក Installer សម្រាប់ប្រព័ន្ធប្រតិបត្តិការរបស់អ្នក (Windows, macOS, Linux)។
3. ដំណើរការ Installer ហើយធ្វើតាមការណែនាំ។ ជាទូទៅ ការដំឡើងគឺសាមញ្ញ ដោយគ្រាន់តែចុច “Next” រហូតដល់ “Finish”។ ត្រូវប្រាកដថាបានធីក “Add to PATH” (សម្រាប់ Windows) ដើម្បីអាចបើក VS Code ពី Command Line បាន។

ជំហានទី ២៖ ការកំណត់រចនាសម្ព័ន្ធដំបូង និង Themes

បន្ទាប់ពីដំឡើងរួច បើក VS Code ។ អ្នកនឹងឃើញផ្ទាំងស្វាគមន៍ (Welcome Screen) ។

• ជ្រើសរើស Theme៖ VS Code មាន Themes ជាច្រើនសម្រាប់ឱ្យអ្នកជ្រើសរើស។ អ្នកអាចចូលទៅកាន់ File > Preferences > Color Theme (ឬ Code > Preferences > Color Theme សម្រាប់ macOS) ដើម្បីផ្លាស់ប្តូរ Theme ដែលអ្នកចូលចិត្ត។ Theme ពេញនិយមរួមមាន Dark+, Light+, Monokai, One Dark Pro, Dracula ជាដើម។
• កំណត់ Font៖ អ្នកអាចកំណត់ Font ដែលងាយស្រួលអានសម្រាប់សរសេរកូដ។ ចូលទៅកាន់ File > Preferences > Settings (ឬ Code > Preferences > Settings) រួចស្វែងរក "Font Family" ។ Font ដូចជា Fira Code, Cascadia Code, JetBrains Mono គឺពេញនិយមព្រោះវាគាំទ្រ Font Ligatures ។

ជំហានទី ៣៖ ការដំឡើង Extensions សំខាន់ៗ

Extensions គឺជាចំណុចខ្លាំងរបស់ VS Code ។ ពួកវាបន្ថែមមុខងារថ្មីៗ និងធ្វើឱ្យការសរសេរកូដកាន់តែងាយស្រួល។ ដើម្បីដំឡើង Extension សូមចុចលើរូបសញ្ញា Extensions (ការ៉េបួនជ្រុង) នៅរបារចំហៀងខាងឆ្វេង ឬចុច Ctrl+Shift+X (សម្រាប់ Windows/Linux) / Cmd+Shift+X (សម្រាប់ macOS) ។

Extensions ដែលគួរតែមានសម្រាប់ Developer ថ្មី៖

1. Prettier - Code Formatter៖ ជួយ Format កូដរបស់អ្នកឱ្យមានលក្ខណៈស្តង់ដារ និងងាយស្រួលអានដោយស្វ័យប្រវត្តិ។

   ext install esbenp.prettier-vscode

2. ESLint (សម្រាប់ JavaScript/TypeScript)៖ ជួយរកកំហុសឆ្គង និងបញ្ហា Coding Style ក្នុងពេលកំពុងសរសេរកូដ។

   ext install dbaeumer.vscode-eslint

3. Live Server៖ សម្រាប់ Developer ផ្នែក Web Frontend ។ វាបង្កើត Local Development Server ដែល Refresh Browser ដោយស្វ័យប្រវត្តិរាល់ពេលអ្នករក្សាទុក File ។

   ext install ritwickdey.LiveServer

4. GitLens — Git supercharged៖ បន្ថែមមុខងារដ៏មានអានុភាពជាច្រើនសម្រាប់ Git ដូចជាការមើលថាអ្នកណាសរសេរបន្ទាត់កូដនីមួយៗ (Git Blame)។

   ext install eamodio.gitlens

5. Path Intellisense៖ បំពេញដោយស្វ័យប្រវត្តិសម្រាប់ Path របស់ File ។

   ext install christian-kohler.path-intellisense

6. Icon Themes (ឧទាហរណ៍៖ Material Icon Theme)៖ ជួយបង្ហាញ Icons ផ្សេងៗគ្នាសម្រាប់ប្រភេទ File នីមួយៗ ធ្វើឱ្យ File Explorer មើលទៅមានសោភ័ណភាព និងងាយស្រួលមើល។

   ext install PKief.material-icon-theme

ជំហានទី ៤៖ ការរៀបចំ Terminal

VS Code មាន Integrated Terminal ដែលអនុញ្ញាតឱ្យអ្នករត់ Command Line ដោយមិនចាំបាច់ប្តូរកម្មវិធី។ អ្នកអាចបើកវាដោយចុច Ctrl+` (Backtick) ។

• សម្រាប់ Windows៖ អ្នកអាចប្រើ Command Prompt, PowerShell, ឬ Git Bash ។ សម្រាប់បទពិសោធន៍ល្អប្រសើរជាងមុន Developer ជាច្រើនចូលចិត្តប្រើ Windows Subsystem for Linux (WSL) រួមជាមួយ Windows Terminal ដើម្បីទទួលបានបរិយាកាស Linux ពេញលេញ។ ប្រសិនបើអ្នកទើបតែចាប់ផ្តើម Git Bash គឺជាជម្រើសដ៏ល្អមួយ។
• សម្រាប់ macOS/Linux៖ Terminal លំនាំដើមរបស់ប្រព័ន្ធប្រតិបត្តិការ (Bash ឬ Zsh) គឺល្អគ្រប់គ្រាន់។

ដើម្បីកំណត់ Terminal លំនាំដើមនៅក្នុង VS Code ចូលទៅ File > Preferences > Settings រួចស្វែងរក "Terminal Default Profile" ។

ជំហានទី ៥៖ ការដំឡើង Git (Version Control)

Git គឺជាប្រព័ន្ធគ្រប់គ្រង Version Control ដែលសំខាន់បំផុតសម្រាប់ Developer ។ វាអនុញ្ញាតឱ្យអ្នកតាមដានការផ្លាស់ប្តូរ File កូដរបស់អ្នក រួមសហការជាមួយក្រុម និងងាយស្រួលត្រឡប់ទៅ Version មុនៗបាន។

1. ដំឡើង Git៖
   • Windows៖ ទាញយកពី git-scm.com ។ ក្នុងពេលដំឡើង ជ្រើសរើសប្រើ Git ពី Command Line និង Third-party Software ។
   • macOS៖ អាចដំឡើងជាមួយ Homebrew (brew install git) ឬដោយដំឡើង Xcode Command Line Tools (xcode-select --install) ។
   • Linux៖ ប្រើ Package Manager របស់ Distribution របស់អ្នក (ឧទាហរណ៍៖ sudo apt install git សម្រាប់ Ubuntu/Debian) ។
2. កំណត់រចនាសម្ព័ន្ធ Git៖ បើក Terminal នៅក្នុង VS Code ហើយកំណត់ឈ្មោះ និង Email របស់អ្នក (សំខាន់សម្រាប់ Commit)។

   git config --global user.name "Your Name"
   git config --global user.email "your.email@example.com"

ជំហានទី ៦៖ ការរៀបចំសម្រាប់ភាសាសរសេរកូដជាក់លាក់

អាស្រ័យលើភាសាដែលអ្នកចង់សរសេរ អ្នកប្រហែលជាត្រូវដំឡើង Tools បន្ថែម និង Extensions ជាក់លាក់។

សម្រាប់ Python៖

1. ដំឡើង Python៖ ទាញយក Python ពី python.org ។ ត្រូវប្រាកដថាបានធីក “Add Python to PATH” ក្នុងពេលដំឡើង (សម្រាប់ Windows) ។
2. ដំឡើង Python Extension សម្រាប់ VS Code៖ នេះផ្តល់នូវ IntelliSense, Debugging, Formatting, និងមុខងារជាច្រើនទៀត។

   ext install ms-python.python

3. Virtual Environments៖ ត្រូវប្រើ Virtual Environment សម្រាប់ Project នីមួយៗ ដើម្បីគ្រប់គ្រង Dependencies ។

   python -m venv .venv
   ./.venv/Scripts/activate  # For Windows PowerShell
   source ./.venv/bin/activate # For macOS/Linux/Git Bash

សម្រាប់ JavaScript/Node.js៖

1. ដំឡើង Node.js៖ ទាញយកពី nodejs.org ។ ការដំឡើង Node.js ក៏រួមបញ្ចូល npm (Node Package Manager) ផងដែរ។
2. Extensions៖
   • JavaScript (ES6) code snippets៖

     ext install xabikos.JavaScriptSnippets

   • Auto Rename Tag៖ ផ្លាស់ប្តូរ Tag គូគ្នាដោយស្វ័យប្រវត្តិ។

     ext install formulahendry.auto-rename-tag

   • Auto Close Tag៖ បិទ Tag ដោយស្វ័យប្រវត្តិ។

     ext install formulahendry.auto-close-tag

សម្រាប់ភាសាផ្សេងៗទៀតដូចជា Java, C++, Go, PHP, Ruby អ្នកអាចស្វែងរក Extensions ផ្លូវការ ឬពេញនិយមនៅក្នុង Marketplace របស់ VS Code ។

ជំហានទី ៧៖ គន្លឹះដើម្បីបង្កើនប្រសិទ្ធភាពការងារ

• រៀន Keyboard Shortcuts៖ ការប្រើ Shortcuts អាចជួយសន្សំពេលវេលាបានច្រើន។ អ្នកអាចរកមើល Shortcuts ទាំងអស់ដោយចុច Ctrl+K Ctrl+S (ឬ Cmd+K Cmd+S) ។
• ប្រើ Workspace Settings៖ អ្នកអាចកំណត់ Settings ជាក់លាក់សម្រាប់ Project នីមួយៗ (File .vscode/settings.json) ដោយមិនប៉ះពាល់ដល់ Global Settings ។
• User Snippets៖ បង្កើត Snippets កូដផ្ទាល់ខ្លួនសម្រាប់ប្លុកកូដដែលអ្នកប្រើញឹកញាប់។

សេចក្តីសន្និដ្ឋាន

ការរៀបចំ Environment ឱ្យបានត្រឹមត្រូវគឺជាជំហានដំបូងដ៏សំខាន់សម្រាប់ Developer ថ្មី។ VS Code ផ្តល់នូវភាពបត់បែន និងមុខងារជាច្រើនដើម្បីជួយអ្នកឱ្យចាប់ផ្តើមបានយ៉ាងងាយស្រួល។ សូមចំណាយពេលសាកល្បង Extensions ផ្សេងៗ និងកំណត់រចនាសម្ព័ន្ធឱ្យសាកសមនឹងទម្លាប់ការងាររបស់អ្នក។ នៅពេលដែល Environment របស់អ្នកត្រូវបានរៀបចំរួចរាល់ អ្នកអាចផ្តោតលើការសរសេរកូដ និងបង្កើតនូវអ្វីដែលអស្ចារ្យ! សូមសំណាងល្អ!

ឯកសារយោង

• Visual Studio Code Documentation
• Git Documentation
• Python Documentation
• Node.js Documentation