Vscode quick start, plug-in installation, plug-in location, modifying the path of vscode default reference plug-in, always configuring code on the command line, shortcut keys

Vscode quick start

Install

---

• Visual Studio Code official website

plugin installation

---

Ctrl + Shift + X (Plugin Store):

• Auto Close TagAuto-close HTML/XML tags
• Auto Rename Tag automatically completes the synchronous modification of the label on the other side
• fileheaderThe top comment template can define information such as author and time, and will automatically update the last modification time. The shortcut key ctrl+alt+i automatically enters author information and modification information at the beginning of the file
• Project ManagerTime-consuming when switching projects frequently
• HTML CSS SupportSmart prompt CSS class name and id
• HTML SnippetsSmart prompt HTML tags, as well as tag meaning
• Path IntellisenseAutomatically prompt file path, support various quick import files
• VeturVue multi-functional integration plugin, including: syntax highlighting, smart prompt, emmet, error prompt, formatting, auto-completion, debugger. The official Vue plugin of vscode, a must for Vue developers
• GitLensCan display the author of each line of code and the submission time
• Git historyGit history
• SVG ViewerPreview SVG image
• Color InfoProvides information about your use of color in CSS. You can preview the information about the color model (HEX, RGB, HSL and CMYK) in the color block just by hovering the cursor over the color
• HTML BoilerplateYou just need to enter html in an empty file and press the tab key to generate a clean document structure
• CSS PeekTrace to where the CSS classes and ids are defined in the stylesheet. When you right-click on a selector in an HTML file, select the "Go to Definition and Peek definition" option, and it will send you the CSS code for the style settings
• Open-In-BrowserVSCode does not provide a built-in interface to open files directly in the browser. This plugin adds the option to view files in the default browser in the shortcut menu, and to open the command panel option in the client (Firefox, Chrome, IE)

plugin location

---

After the modification, I thought that the reference path was changed, and the previously downloaded plug-ins needed to be downloaded again. Of course, although the one downloaded before on the C drive is useless, it is still there and needs to be deleted manually!

default location

Modify the default path

code --extensions-dir E:\vscode\extensions

Modify the path of the vscode default reference plug-in

The default reference plug-in path is the same as the default download path, so if you change the download, you must also change the reference, and modify the target in the shortcut of the vscode software, such as:"D:\Microsoft VS Code\Code.exe" --extensions-dir "E:\vscode\extensions"

Always configure code on the command line

---

1. VScode installation directory/bin
   

2. My Computer/Properties/Advanced System Settings/Environment Variables/User Variables/PATH Variable
   

3. Open vscode in CMD

code .

basic operation

---

• The strongest vscode tutorial in the universe (basic articles)

1. Command Palette:Ctrl+Shift+P
2. Multi-cursor editing:
   • Alt+Shift+i
   • Alt+鼠标单击
3. jump
   • beginning of lineHome
   • end of lineEnd
   • document headerCtrl+Home
   • end of documentCtrl+End
4. Delete a line:Ctrl+Shift+K
5. Batch selection of words:Ctrl+D
6. Newline:Alt+上下
7. copy:Alt+Shit+上下
8. Notes:Ctrl+/
9. indentation:Ctrl+[]
10. Convert case: Ctrl+Shift+Pentertran
11. Quick open file: Ctrl+pinput 文件名, Ctrl+Enterit will be opened in a new window
12. Line jump: Ctrl+genter the line number, or Ctrl+penter :the input line number