VSCode

插件集合

live server

vetur  Vue2的插件

Volar Vue3插件

Open in Browser

env 高亮env文件

beautify  美化css

Auto Rename Tag 

Bracket Pair Colorizer 美化括号

npm Script 点击执行package.json npm 命令

GitLens  提示每行代码的git提交人

NGINX configuration  Nginx语法高亮

error lens   直接提示报错

 

VSCode设置成中文语言环境

快捷键【Ctrl+Shift+P】，在弹出的搜索框中输入【configure language】，选择搜索出来的【Configure Display Language】，发现只有en，另一个提示是安装其他，我们选择安装其他，选择中文简体，安装，重启即可

Visual Studio Code 安装插件

在vscode中，点击左边那排按钮最下面的一个

VSCode中提高效率的vue插件安装

Auto Close Tag 自动补全html标签
Auto Rename Tag——修改HTML标签时，自动修改匹配的标签
AutoFileName——自动补全文件路径提示
Babel ES6/ES7——ES6，ES7语法加亮检查插件
Chinese (Simplified) Language Pack for Visual Studio Code——为 VS Code 提供简体中文界面
ESLint——代码检查插件
vetur——Vue语法高亮
vscode-icons——为每个文件类型增加一个小图标，使文件目录更直观
Vue 2 Snippets——Vue2 片段补全工具
VueHelper——Vue2代码段（包括Vue2 api、vue-router2、vuex2）

VSCode插件Live Server

该插件提供虚拟机环境，html文件可通过127.0.0.1访问

VSCode文件夹结构缩进太短

VSCode打开多个项目文件夹

VSCode修改默认快捷键

打开vscode编辑器，点击首页——首选项——键盘快捷方式

VSCode格式化代码

1）快捷键：

• On Windows Shift + Alt + F
• On Mac Shift + Option + F
• On Ubuntu Ctrl + Shift + I

2）鼠标右键，可以看到菜单有一个选项"格式化文件"

3）需要插件，如eslint，也可以再结合失焦时自动保存并格式化代码

VSCode打开终端控制台