目录一、走进前端二、VSCode简单介绍三、VSCode的下载及安装四、VSCode插件的安装五、部分插件及其使用1.汉化2.Bracket Pair Colorizer3.markdownlint4.open in browser5.Path Intellisense6.Prettier7.vscode-icons8.Indent-Rainbow9.Atuo Rename Tag10.files
转载
2023-09-25 11:41:27
537阅读
1，koroFileHeader 我们在新建一个文件后，常常需要在文件头部加入默认注释，vscode中提供了一个的插件，可以帮助我们实现。1.1，安装插件在vscode extensions中搜索并按照koroFileHeader 插件 installl完成后，重启vscode1.2，setting.json配置打开vscode的设置(左下角管理-》设置)，搜索F
1.中文插件 Chinese (Simplified) Language Pack for Visual Studio CodeAuto Close Tag (自动补全html标签)Bracket Pair Colorizer（括号颜色不同，更容易看） 代码括号颜色会对应，更容易看Easy LESS（less语法） 配置说明： 在vsCode中使用Less方法：在vsCode插件管理搜索插件 Ea
Chinese 中文汉化插件中文翻译vscodeany-rule 正则 快捷插件按F1输入zz往下翻就可以找到了Vetur vue高亮插件vue必备插件之一。提供语法高亮、片段、整理/错误检查、代码提示等功能Path Autocomplete 自动补全路径Open in Browser 浏览器打开html文件快速在浏览器中打开html文件Bracket Pair Colorizer 括号高亮给括号
转载
2024-01-01 10:21:50
88阅读
名称功能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
244阅读
使用命令行使用帮助：code --help
使用已经打开的窗口来打开文件：code -r
打开文件并滚动到特定行：code -r -g package.json:128
比较两个文件：code -r -d a.txt b.txt
接受管道符数据：ls | code -
图形界面、快捷键使用光标移动至
单词开头/末尾 Ctrl + Left/Right,代码块开头/末尾 Cmd + Shift +
VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。效率篇（33）Path IntellisensePath Intellisense: 自动完成文件名的 Visual Studio Code 插件。插件名：Path Intellisense官方地址：Path Intellisense - Visual Studio
转载
2023-11-07 21:57:49
4阅读
我用VS Code来做前端开发，有很多第三方插件可以帮助我们更快更好的写代码，以下是我认为很好的插件。1.Emmet该插件可以让VS Code像Sublime Text那样很简单的进行代码扩展（按Tab键进行扩展），写前端代码的人都知道，标签代码太多，如果安装了这个插件，就可以让写代码变得轻松。具体操作方法可以另外搜索。 VSCODE现在已经内置了这个插件，不用安装了。2.Prettier - C
转载
2023-09-24 09:35:47
445阅读
这里为程序员介绍VSCode中包含的许多令人兴奋的Tips。1. 插件市场中免费下载使用CodeGeeX插件AI辅助编程工具CodeGeeX，是完全免费，开源开放给所有开发者使用。程序员普遍反应使用这个插件后，代码编写效率提升2倍以上。CodeGeeX插件拥有代码生成功能：可以根据自然语言注释描述的功能，自动生成代码。也可以根据已有的代码自动生成后续代码，补全当前行或生成后续若干行，帮助你提高编程
写在前面：写代码需要好的编辑器，微软开发了VSCode，江湖传说很好用，这就开始折腾一下。环境：Windows 10、VSCode 1.32一、下载和安装第一步：登录官网下载安装文件网址：https://code.visualstudio.com第二步：安装VSCode第三步：启动VSCode 二、安装插件安装插件的方式很简单，在左侧栏目中点击最下方的按钮，然后在文本栏中输入需要安装的插
转载
2023-12-09 15:24:15
336阅读
前言插件推荐Auto Close Tag（自动关闭标签）下载量（6.8M）评分（4 颗星） 该插件自动添加 HTML/XML 的结束标签，与 Visual Studio IDE 或 Sublime Text 一样。Beautify（代码美化）下载量（8.4M）评分（4 颗星） 在 Visual Studio 代码中美化 javascript, JSON, CSS, Sass 和 HTML。 VS
前言最近顺带玩玩制作vscode插件。学习资料官方文档：https://code.visualstudio.com/api
官方示例仓库：https://github.com/microsoft/vscode-extension-samples
微软官方插件制作文档还有视频，可以说相当6了。制作第一个扩展插件我们首先制作第一个插件玩玩，就是console.log。什么功能呢，就是右键会有个面板，按
转载
2023-12-03 13:52:58
0阅读
Chinese (Simplified) Language Pack for Visual Studio Code：简体中文 git history GitLens — Git supercharged Markdown Preview Github Styling：在本地就能预览Markdown文
原创
2022-10-02 00:07:50
259阅读
EsLint —— 语法纠错 Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 CSS Peek 你可以追踪至样式表中 CSS 类和 ids 定义的地方 Class autocomplete for HTML 智能提
原创
2022-01-18 11:08:43
748阅读
vscode浏览器打开html,修改默认浏览器1.vscode浏览器预览open-in-browser 1.点击拓展2.输入open in browser，选择第一个3.点击安装(笔者已安装，所以显示的禁用)4.vscode怎么修改默认浏览器在安装完open in browser插件后，在html代码中鼠标右键可以看到多了两个打开选择，点击选项即可打开浏览器进行预览。Open in Default
转载
2021-04-07 09:12:54
2398阅读
2评论
总共分为以下几个步骤：初始化插件模板，生成一个插件项目创建插件的视图容器和展示插件内容的视图把插件运行起来，开始可视化的开发调试为视图提供数据发布插件一、初始化插件模板全局安装yo 和 generator-codenpm install -g yo generator-code 2.运行如下命令 yo code 3.各种配置项选择完毕之后，会生成一个项目 二、创建插件的视图容器和
转载
2023-12-23 18:14:11
114阅读
vscode插件就像手机里的应用商店一样，可以让我们在高效代码开发、为了美观的代码格式，可以更好的高逼格分享代码等系列功能，本文特意整理了艾编程老师多年来使用vscode的经验，整理的插件集希望对您有帮助！1、简体中文语言包插件名称：Chinese中文（简体）语言包作用：将VSCode操作界面转换为中文，对英语不好的朋友，非常友好 安装完成，重启VScode即可 &
转载
2023-09-12 14:54:39
326阅读
Visual Studio Code，简称VS Code，是一款很好用的文本编辑器，安装扩展后可以大大提高效率。这次来介绍下VS Code远程连接Linux服务器使用docker构建镜像并运行的方法。话不多说，直接开始。安装VS Code官网下载：https://code.visualstudio.com/安装插件需要用到以下扩展，可以使用快捷键command+shift+x(Windows为Ct
转载
2023-09-27 15:38:35
314阅读
VS Code是这两年非常热门的一款IDE，它不仅有提升开发体验的界面、轻量化的编辑器，还有丰富而强大的插件，这些优秀的插件使得VS Code生态体系更加吸引人，让开发效率大大提升。本文来介绍5款高效的VS Code插件，总有一款能够惊艳到你。前言我此前写过一篇有关VS Code的文章：我最终还是选择了VS code！，没想到在公众号和知乎受到很多同学的喜欢，也被多个公众号先后转载。
转载
2023-11-14 09:44:42
368阅读
本文简要地介绍了VSCode调试JS的三种方式，当然调试方式并不仅限于这三种，读者可以按自己的喜好和需求进行使用。
Code Runner在应用商店中搜索Code Runner插件进行安装。选中你要执行的Javascript脚本，右键选择Run Code，利用Console.log在下方的输出窗口里可以看到输出结果。如果不小心点击了关闭按钮X关闭了输出窗
转载
2023-08-01 18:12:56
407阅读
