点击settings.json中编辑， 把这段话加上去就可以了 "emmet.includeLanguages": { "javascript": "javascriptreact" }
转载
2019-05-10 11:44:00
726阅读
2评论
# VSCode JSX 注释 Babel JavaScript
随着前端开发技术的不断发展，JSX 已经成为了 React 开发中不可或缺的一部分。而在使用 VSCode 编辑器进行 JSX 开发时，我们常常会遇到一些需要注意的地方，比如如何正确地添加注释、如何配置 Babel 来编译 JSX 等问题。本文将详细介绍在 VSCode 中使用 JSX 注释、Babel 编译 JSX 的相关知识，
原创
2024-05-14 05:08:10
85阅读
# VSCode中未安装JSX/Flow/TypeScript插件导致项目启动失败
在现代前端开发中，使用TypeScript、JSX和Flow等技术已成为一种主流趋势。这些技术不仅提升了代码的可读性和可维护性，还能在开发过程中提供强大的类型检查与提示功能。然而，缺少相关插件的情况下，VSCode可能会导致项目无法正常启动。本文将详细探讨这一问题，并给出解决方案。
## 问题描述
在使用VS
原创
2024-08-09 11:32:27
119阅读
在sublime中如果没有安装jsx插件，在使用jsx语法的时候就会出现如下图所示没有高亮颜色提示，看着很变扭，这时候我们需要安装一个jsx插件，步骤为：第一步：进入官网https://github.com/babel/babel-sublime第二步：点击68releases第三步：点击v8.6.3 第四步：进去之
转载
2023-07-24 17:13:51
390阅读
工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。网上有很多vscode的配置以及使用博客，但都没有本篇那么详细且全面。
转载
2024-09-18 20:00:49
113阅读
Chinese 中文汉化插件中文翻译vscodeany-rule 正则 快捷插件按F1输入zz往下翻就可以找到了Vetur vue高亮插件vue必备插件之一。提供语法高亮、片段、整理/错误检查、代码提示等功能Path Autocomplete 自动补全路径Open in Browser 浏览器打开html文件快速在浏览器中打开html文件Bracket Pair Colorizer 括号高亮给括号
转载
2024-01-01 10:21:50
108阅读
1.中文插件 Chinese (Simplified) Language Pack for Visual Studio CodeAuto Close Tag (自动补全html标签)Bracket Pair Colorizer（括号颜色不同，更容易看） 代码括号颜色会对应，更容易看Easy LESS（less语法） 配置说明： 在vsCode中使用Less方法：在vsCode插件管理搜索插件 Ea
转载
2024-06-23 21:34:24
271阅读
VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。效率篇（33）Path IntellisensePath Intellisense: 自动完成文件名的 Visual Studio Code 插件。插件名：Path Intellisense官方地址：Path Intellisense - Visual Studio
转载
2023-11-07 21:57:49
43阅读
1，koroFileHeader 我们在新建一个文件后，常常需要在文件头部加入默认注释，vscode中提供了一个的插件，可以帮助我们实现。1.1，安装插件在vscode extensions中搜索并按照koroFileHeader 插件 installl完成后，重启vscode1.2，setting.json配置打开vscode的设置(左下角管理-》设置)，搜索F
转载
2024-03-08 22:08:11
148阅读
使用命令行使用帮助：code --help
使用已经打开的窗口来打开文件：code -r
打开文件并滚动到特定行：code -r -g package.json:128
比较两个文件：code -r -d a.txt b.txt
接受管道符数据：ls | code -
图形界面、快捷键使用光标移动至
单词开头/末尾 Ctrl + Left/Right,代码块开头/末尾 Cmd + Shift +
转载
2024-08-28 12:55:44
67阅读
名称功能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阅读
目录一、走进前端二、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
610阅读
原者：Katherine Peterson 译者：前端小智 VSCode 之所以是如此出色的代码编辑器，其原因之一是由社区创建的庞大的插件库，从而提高了开发人员的工作效率。 以下是一些我最喜欢的VSCode 插件。1. Rainbow Brackets
地址：https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brack
我用VS Code来做前端开发，有很多第三方插件可以帮助我们更快更好的写代码，以下是我认为很好的插件。1.Emmet该插件可以让VS Code像Sublime Text那样很简单的进行代码扩展（按Tab键进行扩展），写前端代码的人都知道，标签代码太多，如果安装了这个插件，就可以让写代码变得轻松。具体操作方法可以另外搜索。 VSCODE现在已经内置了这个插件，不用安装了。2.Prettier - C
转载
2023-09-24 09:35:47
522阅读
写在前面：写代码需要好的编辑器，微软开发了VSCode，江湖传说很好用，这就开始折腾一下。环境：Windows 10、VSCode 1.32一、下载和安装第一步：登录官网下载安装文件网址：https://code.visualstudio.com第二步：安装VSCode第三步：启动VSCode 二、安装插件安装插件的方式很简单，在左侧栏目中点击最下方的按钮，然后在文本栏中输入需要安装的插
转载
2023-12-09 15:24:15
388阅读
这里为程序员介绍VSCode中包含的许多令人兴奋的Tips。1. 插件市场中免费下载使用CodeGeeX插件AI辅助编程工具CodeGeeX，是完全免费，开源开放给所有开发者使用。程序员普遍反应使用这个插件后，代码编写效率提升2倍以上。CodeGeeX插件拥有代码生成功能：可以根据自然语言注释描述的功能，自动生成代码。也可以根据已有的代码自动生成后续代码，补全当前行或生成后续若干行，帮助你提高编程
转载
2024-07-23 08:07:45
82阅读
前言插件推荐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
转载
2024-08-31 18:51:40
206阅读
前言最近顺带玩玩制作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
772阅读
