VSCode(Visual Studio Code)是由微软研发的一款免费、轻量(启动速度快)、丰富的插件生态系统(可高度定制)、跨平台的文本编辑器,很受前端工师的青睐,算是目前前端开发几乎完美的软件开发工具。VScode内置支持JavaScript,TypeScript和Node.js,同时具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Uni
转载
2024-08-17 15:54:10
49阅读
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阅读
Auto Close Tag:匹配标签,关闭对应的标签。对于HTML/XML很实用。
原创
2022-08-19 11:45:19
442阅读
目录一、开发类二、效率类 一、开发类HTML CSS Support:html提示css自动补全。Auto Close Tag:自动闭合标签。Auto Rename Tag:重新命名标签。CSS Peek:快速查看当前标签设置的css属性。「将光标移动要需要查看的标签,然后按下f12即可查看」cdnjs:在线的js文档。ESLint:可组装的JavaScript和JSX检查工具。Prettier
转载
2024-03-12 09:41:02
358阅读
下载Settings Sync设置令牌:d0bc93dbc94e44ce0e9060431e408069一键同步我的所有插件 ,已打包好前端好用插件、配好配置下面介绍一部分1. 划词翻译名称: A-super-translate2. 好看主题名称: Atom One Dark Theme / One Dark Pro3. 自闭合标签名称: Auto Close Tag4. 保存书签,快速跳转到对应
转载
2023-10-12 00:37:14
14阅读
名称功能Auto Close Tag自动闭合HTML标签Auto Import Typescript自动import提示Auto Rename Tag修改HTML标签时,自动修改匹配的标签Beautifycss/sass/scss/less css/sass/less格式化Better Comments编写更加人性化的注释Bookmarks添加行书签Can I UseHTML5、CSS3、SVG的
转载
2024-06-13 22:01:17
699阅读
验证有效,Ctrl+S保存代码全格式化了。写这个主要是个人笔记,算不得重复造。1、安装插件VSCode中打开应用商店并搜索、安装三个插件:ESlint,vetur,Prettier - Code formatter。具体 2、配置VSCode的Settings.json文件2.1、打开设置界面路径打开:File(文件)->Preferences(首选项)->Set
转载
2023-06-08 10:07:30
1024阅读
对于开发过程中,如果有函数或属性提示,可以大大提高效率。对于java,python,C#等语言强类型的编译型脚本语言,其对应的IDE都有完备的代码。对于C++/C也有比较完善的代码提示,而js和lua这种弱类型语法,就很难了。很多仅仅是提供了同文件或同目录已有关键字的代码提示。这个也是js开发最头痛的地方之一。 在使用vscode开发js,则
转载
2023-09-17 11:44:16
4402阅读
难度:容易前言本文源于对Node应用生产环境的一次调试经历,当时遇到一些问题,遂作记录。如果对Node应用程序调试不熟悉的同学可以先行阅读以下官方文档:https://nodejs.org/en/docs/guides/debugging-getting-started/https://nodejs.org/dist/latest-v14.x/docs/api/debugger.html —— 写
转载
2023-08-29 19:56:11
820阅读
1、安装VS Code(1)官网下载 https://code.visualstudio.com/ 下载VS Code,按照步骤安装即可。(2)设置简体中文:Ctrl+Shift+P 或者 选择View >> Command Palette,然后输入Configure Display Language 选择zh-cn,如果没有zh-cn选项,则选择Install a
转载
2024-02-03 09:46:17
350阅读
## NoSQL and JS: A Beginner's Guide
NoSQL databases have gained popularity in recent years due to their flexibility and scalability compared to traditional relational databases. JavaScript, as a wide
原创
2024-04-02 06:57:16
41阅读
一些自己在VSCode上装的插件,换台电脑操作的时候可以快速的根据笔记去安装会用到的插件但是如移动端的单位转换等插件和配置没有记录在这目录1、安装中文插件2、快速打开浏览器3、自动格式化代码4、结束标签补全5、配置Less插件6、标签高亮匹配7、检测单词是否拼写正确8、代码、语法错误提醒9、CSS智能提醒10、html代码自动补全11、JavaScript代码补全库12、标签HTML页面浏览器自动
转载
2023-11-09 21:11:25
3536阅读
用vscode半年多了,推荐给了身边的几个朋友用,都表示很好用,很推荐,这里分享几个常用的基础的插件0、vscode插件安装打开后,点击这个图标 直接搜索插件名,点需要安装的插件右下角的install,出现设置图标表示安装完成。1、Chinese (Simplified) Language简体中文。像我这英语水平不太好的人,当然还是简体中文看着亲切。需要说明的是中文插件安装之后,需要重启vscod
转载
2023-11-21 17:01:06
571阅读
前言插件推荐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
204阅读
前言最近顺带玩玩制作vscode插件。学习资料官方文档:https://code.visualstudio.com/api
官方示例仓库:https://github.com/microsoft/vscode-extension-samples
微软官方插件制作文档还有视频,可以说相当6了。制作第一个扩展插件我们首先制作第一个插件玩玩,就是console.log。什么功能呢,就是右键会有个面板,按
转载
2023-12-03 13:52:58
0阅读
目录一、走进前端二、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阅读
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阅读
原者:Katherine Peterson 译者:前端小智 VSCode 之所以是如此出色的代码编辑器,其原因之一是由社区创建的庞大的插件库,从而提高了开发人员的工作效率。 以下是一些我最喜欢的VSCode 插件。1. Rainbow Brackets
地址:https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brack
名称功能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阅读