Hướng dẫn make vscode like phpstorm - tạo vscode như phpstorm

Bạn đang di chuyển từ Phpstorm sang VSCode?

Danh sách các phần mở rộng VSCode mạnh mẽ để tăng năng suất của bạn

Yasmin Bano, ngày 26 tháng 11 năm 2020

Trong ba năm rưỡi của tôi trong sự nghiệp phát triển ngắn, tôi chủ yếu sử dụng phpstorm IDE để xây dựng các dự án và tôi có thể nói rằng tôi khá hài lòng với phpstorm.

Nhưng từ 8-9 tháng qua, toàn bộ nhóm của chúng tôi đã chuyển sự phát triển của chúng tôi hoàn toàn sang VSCode và chúng tôi có những lý do chính đáng để làm điều đó.

Bây giờ tại sao chúng tôi bỏ phpstorm cho vScode

1. Chi phí VSCODE là một nền tảng miễn phí và nguồn mở trong khi bạn cần trả tiền cho Phpstorm
   VSCode is a free and open-source platform while you need to pay for PHPStorm
2. Speedi Love Phpstorm ngay cả bây giờ nhưng khi nói đến tốc độ, nó không thể khớp với VSCODE.
   I love PHPStorm even now but when it comes to speed it cannot match with VSCode at all.
3. Dành riêng cho lập trình PHP nếu sự phát triển của bạn không dành riêng cho PHP duy nhất thì bạn nên sử dụng VSCode vì nó không phải là IDE mà là một trình soạn thảo mà bạn có thể tùy chỉnh theo nhu cầu phát triển của mình.
   If your development ain’t dedicated to the only PHP then you should use VSCode as it’s not an IDE but more of an editor that you can customize as per your development needs.

Như tôi đã nói trước đó VSCode hoàn toàn là trình chỉnh sửa mã mà không có bất kỳ tiện ích mở rộng mặc định nào. Do đó, khi bạn chuyển từ Phpstorm sang VSCode, bạn sẽ cảm thấy rằng bạn đã bỏ lỡ rất nhiều điều hữu ích có thể làm cho sự phát triển của bạn suôn sẻ.

Để có được trải nghiệm gần như gần IDE, nhóm của chúng tôi đã tải VSCODE với rất nhiều phần mở rộng hữu ích. Trong blog này, tôi đang chia sẻ những phần mở rộng hữu ích đó.

Đây là danh sách:

Mở rộng thiết yếu

Gitlens

Gitlens siêu tăng áp các khả năng của Git được tích hợp trong mã Visual Studio. Nó giúp bạn trực quan hóa quyền tác giả mã trong nháy mắt thông qua các chú thích của Git đổ lỗi và ống kính mã, điều hướng liền mạch và khám phá các kho Git, có được những hiểu biết có giá trị thông qua các lệnh so sánh mạnh mẽ, và nhiều hơn nữa.

Apache Conf

Cú pháp Highlighing cho các tệp Apache Conf trong mã Visual Studio. Được chuyển từ apacheconf.tmlanguage.

Auto Đóng thẻ

Tự động thêm thẻ đóng HTML/XML, giống như Visual Studio IDE hoặc văn bản siêu phàm.

Auto hoàn thành thẻ

Tự động thêm thẻ đóng HTML/XML, giống như Visual Studio IDE hoặc văn bản siêu phàm.

Auto hoàn thành thẻ

Tag đổi tên tự động

Tự động đổi tên thẻ HTML/XML được ghép nối, giống như Visual Studio IDE.

Màu sắc nổi bật

Phong cách mở rộng kiểu CSS/Web màu này được tìm thấy trong tài liệu của bạn.

Sao chép đường dẫn tương đối

Tiện ích mở rộng này sẽ cung cấp tùy chọn để sao chép đường dẫn tương đối từ một tệp.

Trình gỡ lỗi cho Chrome

Gỡ lỗi mã JavaScript của bạn trong trình duyệt Chrome hoặc bất kỳ mục tiêu nào khác hỗ trợ giao thức trình gỡ lỗi Chrome.

Dotenv

VSCODE .ENV Cú pháp làm nổi bật.

Eclipse Keymap

Tiện ích mở rộng này các phím tắt bàn phím Eclipse phổ biến đến Code Visual Studio. Các ràng buộc khóa Eclipse được cung cấp cho Windows, Linux và MacOS.

Hỗ trợ ngôn ngữ dòng chảy

Phần mở rộng này thêm hỗ trợ lưu lượng cho mã VS. Flow là một trình kiểm tra loại tĩnh, được thiết kế để tìm loại lỗi trong các chương trình JavaScript. Thực hiện theo hướng dẫn chính thức để bắt đầu.

Git Lịch sử

Xem nhật ký git, lịch sử tệp, so sánh các nhánh hoặc cam kết với sự trợ giúp của tiện ích mở rộng này.

Git Patch

Git Stash

Cho thêm khả năng stash để mã. Trực quan duyệt các stash, xem xét và trích xuất thay đổi. Nhận tất cả các lệnh stash và nhiều hơn nữa.

Gitignore

Hỗ trợ ngôn ngữ cho các tệp .gitignore. Cho phép bạn kéo các tệp .gitignore từ kho lưu trữ https://github.com/github/gitignore.

Gitlink

Lấy cảm hứng từ Github Extension cho Visual Studio, tiện ích mở rộng này cung cấp tính năng đi đến liên kết trực tuyến của tệp hiện tại trong trình duyệt và sao chép liên kết trong bảng tạm.

MarkdownLint

Markdown Lining và Kiểu kiểm tra phong cách cho Visual Studio Code.

Mở trong GitHub, Bitbucket, Gitlab, VisualStudio.com!

Nhảy đến một dòng mã nguồn trong GitHub, Bitbucket, Gitlab, VisualStudio.com!

Con đường Intellisense

Plugin Visual Studio Code mà AutoCompletes FileName.

Đẹp hơn - định dạng mã

Prettier là một định dạng mã có quan điểm. Nó thực thi một phong cách nhất quán bằng cách phân tích mã của bạn và in lại với các quy tắc riêng để tính đến độ dài dòng tối đa, gói mã khi cần thiết.

Quản lý dự án

Tiện ích mở rộng này sẽ giúp bạn dễ dàng chuyển đổi giữa các dự án.

Chạy khi lưu

Phần mở rộng này cho phép định cấu hình các lệnh được chạy bất cứ khi nào một tệp được lưu trong VSCODE.

Cài đặt đồng bộ hóa

Đồng bộ hóa cài đặt, đoạn trích, chủ đề, biểu tượng tệp, khởi chạy, keybindings, không gian làm việc và phần mở rộng trên nhiều máy sử dụng GITHUB GIST.

TODO làm nổi bật

Làm nổi bật TODO, FIXME và các chú thích khác trong mã của bạn. Đôi khi bạn quên xem lại Todos bạn đã thêm trong khi mã hóa trước khi xuất bản mã lên sản xuất. Vì vậy, tiện ích mở rộng này sẽ làm nổi bật chúng và nhắc nhở bạn rằng có những ghi chú hoặc những điều chưa được thực hiện.

Todo+

Quản lý danh sách TODO một cách dễ dàng. Mạnh mẽ, dễ sử dụng và tùy chỉnh.

Phần mở rộng dựa trên PHP

Nhà soạn nhạc

Plugin Visual Studio Code này cung cấp một giao diện cho Trình quản lý phụ thuộc của nhà soạn nhạc cho PHP. Nó cũng cung cấp xác thực lược đồ cho các tệp cấu hình Composer.json.

PHP gỡ lỗi

Phần mở rộng này là bộ chuyển đổi gỡ lỗi giữa mã VS và XDebug của Derick Rethan. XDebug là tiện ích mở rộng PHP (tệp .so trên Linux và .dll trên Windows) cần được cài đặt trên máy chủ của bạn.

Php Intellisense

Tự động hoàn thành và hỗ trợ tái cấu trúc nâng cao cho PHP. Đây chỉ là tiện ích mở rộng mã VS sinh ra máy chủ ngôn ngữ thực tế. Bản thân máy chủ ngôn ngữ được triển khai hoàn toàn trong PHP trong kho lưu trữ riêng của nó.

Php Intellisense - Crane

Crane là một phần mở rộng nâng cao năng suất cho mã Visual Studio cung cấp sự hoàn thành mã cho PHP. Nó có không phụ thuộc và phần lớn hoạt động với các dự án ở mọi quy mô. Nó vẫn đang được phát triển, và như vậy có thể có lỗi và/hoặc các tính năng bị thiếu.

Không gian tên Php

Trình phân giải không gian tên PHP có thể nhập và mở rộng lớp học của bạn. Bạn cũng có thể sắp xếp các lớp nhập khẩu của mình theo độ dài dòng hoặc theo thứ tự bảng chữ cái.

Tiện ích mở rộng dựa trên Laravel

Laravel Artisan

Chạy các lệnh của Laravel Artisan từ bên trong Visual Studio Code.

Đoạn trích Laravel

Đoạn trích Laravel Blade và Hỗ trợ Hỗ trợ Syntax cho Code Visual Studio.

Người trợ giúp Laravel

Một bộ đoạn trích của Laravel Helper cho Visual Studio Code.

Tiện ích mở rộng dựa trên JS

Babel es6/es7

Thêm màu sắc cú pháp JS Babel ES6/ES7.

Eslin

Tích hợp JavaScript ESLint vào mã VS. Phần mở rộng sử dụng thư viện ESLINT được cài đặt trong thư mục không gian làm việc đã mở.

NPM Intellisense

Plugin Visual Studio Code mà AutoCompletes NPM Modules trong các câu lệnh nhập.

Vue JS mở rộng dựa trên

Vetur

Công cụ VUE cho mã VS, được cung cấp bởi Vue-Language-Server.

Hy vọng các phần mở rộng này giúp bạn làm cho sự phát triển của bạn hiệu quả hơn. Mã hóa hạnh phúc
Happy Coding