工欲善其事，必先利其器 以下就是开发Vue必备插件：Vetur —— 语法高亮、智能感知、Emmet等 包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着） EsLint —— 语法纠错 Debugger for Chrom ...
转载
2021-09-02 16:30:00
1126阅读
2评论
前提 使用vscode作为vue项目开发工具，同时使用vue脚手架搭建项目。vscode下载地址https://code.visualstudio.com/vscode插件推荐1.EsLint 和 Prettier ESLint 这两个插件配合使用，用于对项目代码进行eslint检查和根据eslint规则进行格式化操作。快捷键：shift + alt + f 通常情况下项目必须要有eslint插件
转载
2023-10-20 17:02:20
972阅读
文章目录下载插件setting.json配置.eslintrc.js配置.editorconfig配置.eslintignore配置js修改配置vue 模版 之前说了前端框架的演进，那就开干吧！开干之前我们初始化vue项目后，我们需要配置些什么让我们的coding之路更高效呢？本文就来总结一下vscode的常用配置！下载插件veturVetur支持.vue文件的语法高亮显示，除了支持templa
转载
2024-07-10 17:23:17
268阅读
目录一、前端开发工具二、ES6入门三、Vue一、介绍二、基本语法三、组件（重点）四、实例生命周期五、路由六、axios七、element-ui 一、前端开发工具配置1. 中文界面配置首先安装中文插件：Chinese (Simplified) Language Pack for Visual Studio Code右下角弹出是否重启vs，点击“yes”有些机器重启后如果界面没有变化，则 点击 左边
转载
2024-08-21 17:28:24
1112阅读
今天分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。如果有觉得有帮助，还请点赞?支持一下~1. Volar? 下载数 153 万+相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。而随着 Vue3
转载
2024-04-18 11:27:19
243阅读
Git 增强：GitLensGitLens增强了 VSCode 中内置的 Git 功能，它能够提供更多的版本控制功能来增强你的VSCode。GitLens 提供了对代码的深入分析功能，可以显示更改时间以及更改后的代码。通过使用 GitLens 甚至可以比较不同的分支、标签和提交。 代码检查：ESLint JavaScript 是一门非常灵活的语言，也很困难。ESLin
转载
2024-08-22 15:42:48
202阅读
VSCode是微软出的一款轻量级代码编辑器，免费而且功能强大，对JavaScript和NodeJS的支持非常好，自带很多功能，例如代码格式化，代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。 一、vscode安装1、进入vscode官网（https://code.visualstudio.com/Download） 2、双击下载的安装包，进入
Visual Studio Code 是一款轻量级但功能强大的源代码编辑器，适用于 Windows、macOS 和 Linux。内置了对 JavaScript、TypeScript 和 Node.js 的支持，并为其他语言（例如 C++、C#、Java、Python、PHP、Go）并且提供了丰富的扩展生态系统。废话不多说，我们开始吧！使用教程1.搜索扩展您可以清除“扩展”视图顶部的“搜索”框，然后
转载
2023-12-13 05:29:40
515阅读
名称功能Auto Rename Tag自动重命名配对的HTML / XML标签Auto Close Tag自动添加HTML / XML结束标签any rule常用正则表达式合集和工具Browser Preview编辑器中嵌入浏览器可视化窗口Bracket Pair Colorizer高亮匹配代码块括号Better Comments文档注释 /** * 我的方法
转载
2023-10-11 10:05:44
288阅读
今天分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。1. Volar? 下载数 153 万+相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。而随着 Vue3 正式版发布，Vue 团队官方推荐 Vo
转载
2024-05-26 14:40:56
1952阅读
Auto Rename Tag 自动更新收尾标签Bracket Pair Colorizer 代码块
转载
2021-07-14 23:11:00
233阅读
2评论
Bracket Pair Colorizer 作用：彩虹括号插件 Code Runner 作用：直接运行html代码段 效果图 ESLint javascript代码检测工具 HTML CSS Support 在编写样式表的时候，自动补全功能 JavaScript (ES6) code snippe ...
转载
2021-07-26 11:13:00
912阅读
2评论
我自己的VsCode习惯配置，前端同业者可以参考 Auto Close Tag Bracket Pair Colorizer Chinese (Simplified) Language Pack for Visual Studio Code vscode-ext-color-highlight Co
原创
2022-01-21 10:54:21
183阅读
Auto Close TagChinese (S
原创
2023-05-19 15:26:02
61阅读
vscode常用插件
原创
2022-03-23 16:26:17
119阅读
。 Beautify xxx Chinese (Simplified) Language Pack for Visual Studio Code 中文包 Git History xxx GitLens — Git supercharged git提交记录 JavaScript (ES6) code Read More
转载
2020-11-25 12:58:00
275阅读
2评论
前端vscode 基础插件插件名称插件功能介绍推荐指数Auto Rename Tag标签自动补全❤❤❤❤❤Chinese (Simplified) Language Pack for Visual Studio Code编辑器汉化插件❤❤❤❤❤IntelliJ IDEA Keybindings编辑器 IDEA快捷键操作习惯插件❤❤❤❤Live Server本地服务插件❤❤❤❤❤JavaS
转载
2021-09-02 11:42:00
124阅读
1 本文链接：https://blog..net/shenxianhui1995/article/details/81604818 2 插件 说明 备注 3 Auto Close Tag 自动添加HTML / XML关闭标签 4 Auto Rename Tag 自动重命名配对的HTML / XML标签 5 Beautify 格式化代码
转载
2022-01-14 17:22:01
204阅读
vscode常用前端插件（更新中） 1.Chinese 中文 2.Git History git提交记录 3.GitLens — Git supercharged 查看每行代码的提交信息 4.JS-CSS-HTML Formatter HTML-CSS-JS样式格式化插件 5.Vetur vue代码 ...
转载
2021-08-30 10:57:00
185阅读
2评论
0. 常用插件
vscode-icons：在不同的文件类型文件类型名显示文件类型对应的图标；youcompleteme：terminal
1. HTML Snippets：自动填充文件头部信息Visual Studio Code修改HTML Snippets插件中默认模板内容
使用方法：安装 html snippets 插件之后，在待编辑的 html 页面内部，输入html:5，按下回车，
转载
2018-05-06 11:28:00
260阅读
2评论
