A: VSCode profile
Visual Studio Code (Visual Studio Code) is a lightweight Code editor from Microsoft. Importantly, it runs on Windows, OS X and Linux desktops. Visual Studio Code has built-in support for JavaScript, TypeScript, and node.js languages, as well as rich extension libraries and runtimes for other languages such as C++, C#, Python, PHP, and more.
2: VSCode installation
1. Install
Download: code.visualstudio.com/
2. Plug-in installation is recommended
- HTML Snippets: H5 Snippets and tips
- HTML CSS Support: Let the HTML tag write class intelligent hint that the new version of the style supported by the current project already supports SCSS file retrieval
- Debugger for Chrome: allows vscode to map Chrome debug functions. Static pages can be broken with vscode
- Vetur: Plug-in syntax highlighting, Intellisense, Emmet, etc. Required for vUE framework
- VueHelper: Snippet code snippets
- Auto Close Tag: indicates the closing Tag of Auto completion
- Auto Rename Tag: automatically renames a label
- Beautify: HTML, CSS, JS, JSON SASS syntax highlighting, formatting code tools, CTRL + Shift + P input Beautify prompt.
- Better Comments: Different Comments show different colors, *,? ,! The comment color is different
- Bracket Pair Colorizer: The corresponding brackets show the same color.
- Code Runner: Run js file tool, CTRL + Alt + N can run the file, the system automatically call Node to run the file
- Document This: CTRL + Alt +D, twice. Document comments (/** TAB)
- JavaScript(ES6) code Snippets: ES6 code auto-complete
- JQuery Code Snippets: jQuery Code auto-completion, such as jqAjax generates Ajax Code
- Node.js Modules IntelliSense: Provides automatic completion of JavaScript and TypeScript import declarations
- Path Autocomplete: Path completion tool
- Project Manager: A Project management tool
- Vscode – ICONS: file icon themes
- Markdown: Create a new MD file, CTRL + Shift + V to preview while writing
3. Configure the menu
Click on menu: File – check auto Save
Window font zoom: CTRL + -, CTRL + +