If a worker wants to do his job well, he must first sharpen his tools. This article summarizes and shares with you 19 vscode plug-ins that I use in development. I hope it will be helpful to everyone!
1:Chinese (Simplified) Language Pack Chinese Language Plug-in
Chinese (Simplified) Language Pack for VS Code
This Chinese (Simplified) language pack provides a localized interface for VS Code. [Recommended learning: "vscode introductory tutorial"]
For people like me who speak average English, this plug-in is very friendly.
2: Code Runner Code Runner
Run code snippets or code files in multiple languages: C, C, Java , JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (. NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA and custom commands
This thing is currently correct I haven't been of much use yet.
3: Debugger for Chrome VScode-Chrome Debugger
VS Code extension for debugging in the Google Chrome browser or other targets that support the Chrome DevTools protocol JavaScript code.
In other words, this thing can be interrupted. After installing PHP debug, you can debug PHP.
#4: Debugger for Firefox Firefox browser debugger
Same as above, it has the same function as the Google Chrome plug-in.
5: ESLint js code detection plug-in
ESlint takes over the native js prompts and can customize the prompt rules;
6: filesize\
Plug-in that displays the file size in the lower left corner
7:IntelliSense for CSS class names in HTML
is used for intelligent sensing of CSS class names in HTML.
8:Material Icon Theme
This is an icon library that sets different icons for different types of files and folders.
#9: open in browser
Open the file in the browser for debugging the front-end html file
10: Partial Diff
You can compare text within a file, between different files or on the clipboard select(difference).
Multi-cursor text selection.
User-defined text normalization rules to reduce noise in differences (e.g. replace tabs with spaces).
User-defined text normalization rules can be turned off without removing them from the configuration.
Compare text in 2 visible editors (tabs) with one action.
#11: PHP Debug
PHPxdebug plug-in support, your local PHP environment must install xdebug to realize the function of this plug-in .
Used for PHP breakpoint debugging code.
12: PHP Intelephense
PHP code prompt tool, payment code prompts, search definitions, class search and other functions are very powerful.
Download the PHP Intelephense plug-in, which requires the PHP version to be greater than 7 and add PHP to the system environment variables.
This plug-in is an artifact and needs to be used well. Mainly, f12 goes to definition, an absolute artifact.
13: PHP IntelliSense
PHP IntelliSense plug-in. This is also an artifact. Advanced auto-complete and refactoring support for PHP
When using it, you need to add the following code to setting.json
"php.validate.executablePath": "D:BtSoftphp72php.exe ",
14: Vue VSCode Snippets
Enter the VUE tag and automatically complete the code. This thing is an absolute artifact for improving development efficiency.
#15: Vetur
Vscode fully supports VUE, including syntax highlighting, fragments, Emmet, sorting/error checking, Formatting, autocomplete, debugging, VTI/CLI
16: vscode-icons
Vscode’s icon library
17: Path Intellisense
Visual Studio Code plug-in that automatically completes file names.
Need to add in settings.json:
{ "typescript.suggest.paths": false }
18: PHP Extension Pack
included in Visual The most important extension to start PHP development in Studio Code.
19: PHP Namespace Resolver
The PHP namespace resolver can import and extend classes. Imported classes can also be sorted by line length or alphabetically.
The above are basically all the plug-ins installed in my vscode editor. Except for the PHP debug, which I don’t understand, the rest are very useful.
For more knowledge about VSCode, please visit: vscode tutorial!
The above is the detailed content of 19 practical vscode development plug-ins to share. For more information, please follow other related articles on the PHP Chinese website!

2022年了,该学会用VSCode debug了!下面本篇文章手把手带大家会习VSCode debug,希望对大家有所帮助!

本篇是VSCode配置文章,手把手教大家怎么在VSCode中配置使用 Geant4 和 Root,希望对大家有所帮助!

本篇文章扒拉一下vscode Prettier的选项,总结分享16个让你的代码变漂亮的属性,希望对大家有所帮助!

“工欲善其事,必先利其器!”,vscode作为前端开发的重要工具,其插件能大幅提升战斗力,精心收集12个插件,总有几款你还未曾拥有。

VSCode中如何开发uni-app?下面本篇文章给大家分享一下VSCode中开发uni-app的教程,这可能是最好、最详细的教程了。快来看看!

VScode中怎么开发置C/C++?怎么配置C/C++环境?下面本篇文章给大家分享一下Windows系统下VScode配置C/C++环境图文教程,希望对大家有所帮助!


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

WebStorm Mac version
Useful JavaScript development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

SublimeText3 Chinese version
Chinese version, very easy to use

Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

Dreamweaver Mac version
Visual web development tools
