VSCode 工具常用插件

1、Debugger for Chrome

方便运行代码，浏览器打开

2、 GitLens — Git supercharged

鼠标放到代码行上可以显示，改行的上一次修改记录

3、Git History

git log

4、 Auto Close Tag

自动完成闭合标签

5、 Auto Rename Tag

修改了前面的开始标签，自动remane 后面的闭合标签

6、Axios Snippets

axios代码提示

7、ES7+ React/Redux/React-Native snippets

ES7代码片段提示

8、Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets

快捷键模板，设置模板快捷键，加快开发速度

9、ESLint

10、HTML CSS Support

html 中的 id 和 class 的属性提示

11、 HTML Snippets

html代码片段

12、 Prettier - Code formatter

还有格式验证之类的

13、Stylelint

样式的扩展

14、Vetur

15、 Vue VSCode Snippets

vue的一些代码片段

16、 VueHelper

对vue一些属性或者其他方法的 helper说明

17、Beautify

18、 SFTP

sftp拉代码的

19、SCSS Formatter

20、 vscode extension for ECharts

vscode对 ECharts 的支持，

settings.json

{"editor.formatOnSave": true,"eslint.format.enable": true,"editor.tabSize": 2,"prettier.singleQuote": true,"breadcrumbs.enabled": true,"prettier.semi": false,"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-expand-multiline"},"prettyhtml": {"printWidth": 100,"singleQuote": false,"wrapAttributes": false,"sortAttributes": false}},"vetur.format.defaultFormatter.html": "prettier","eslint.nodePath": "","editor.codeActionsOnSave": {"source.fixAll.eslint": true},"diffEditor.ignoreTrimWhitespace": false,"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"auto-close-tag.activationOnLanguage": ["xml","php","blade","ejs","jinja","javascript","javascriptreact","typescript","typescriptreact","plaintext","markdown","vue","liquid","erb","lang-cfml","cfml","HTML (EEx)","HTML (Eex)","plist"]
}

初次下载 VScode需要的准备工作

需要先安装 node，并设置好电脑系统变量 NODE_PATH 和环境变量 path 的值

VSCode 工具常用插件相关推荐

vscode前端常用插件
vscode前端常用插件文章目录 vscode前端常用插件 1. Live Server 1.1 Live Server的使用 2. rest client 3. GitLens 4. CSS pe ...
vscode最常用插件
常用插件: 如果喜欢中文就安装中文,如果不喜欢就自动忽略. 1.chinese 2.Open-In-Browser 这个是必须安装的打开浏览器看效果使用的快捷键是alt+b 3.Prettier ...
vscode前端常用插件整理（vuejs）
VsCode可以通过安装插件来使编辑器变的更加强大以下为前端开发工程师常用插件 (1)HTML Snippets 超级实用且初级的 H5代码片段以及提示 (2)HTML CSS Support 让 ...
VSCode 前端常用插件集合
Visual Studio Code 是由微软开发的一款免费.跨平台的文本编辑器.由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱. 但工欲善其事必先利其器,以下是本人为前端开发收集的常用的vs ...
vim工具——常用插件
提高效率:善用工具.刻意练习. preface: 偶然想用vim的插件,搜了下打算安装jedi,后面不可收拾,发现插件贼香,便删了sublime,一切代码都从vim,真正觉悟vim的强大. vim插件 ...
Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装...
前提准备: 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单,不会的去问度娘 2 安装Chrome浏览器教程简单,不会的趣闻度娘 3 Visual Studio ...
vscode个性化常用插件推荐
VSCode中文简体包(汉化) 插件名:Chinese (Simplified) Language Pack for Visual Studio Code 这个插件一键把整个VSCode的文字转换成中 ...
VSCODE编辑器常用插件推荐
Auto Close Tag - 自动闭合HTML标签 Auto Rename Tag - 修改HTML标签时,自动修改匹配的标签 background - 背景 beautify- javascri ...
VSCode工具常用命令总结
进入函数后返回命令: ALT + < 高亮命令: 首先安装highlight-words工具然后在代码中,双击变量,按住ctrl + shift + p键,调出命令界面,然后输入hightli ...