![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VS Code
文章平均质量分 91
# VS Code
油墨香^_^
想要敲出漂亮的代码, 就要暴露在全世界的眼睛下!
展开
-
webpack loader 与plugin 开发实战 —— 点击 vue 页面元素跳转到对应的 vscode 代码
本文以一个点击 vue 页面元素跳转到对应 vscode 代码的 loader 和 plugin 开发实战,讲述 webpack loader 和 plugin 开发的简单入门。现在大家对 webpack 的 loader 和 plugin 开发应该有了一定的了解,借助自定义的 loader 和 plugin 确实能做许多超乎想象的事情(尤其是 plugin,很多时候只缺一个脑洞),大家可以发挥想象空间去编写一个自己的 loader 和 plugin,为项目开发提供助力。转载 2023-02-09 09:57:03 · 417 阅读 · 0 评论 -
VsCode 各场景高级调试技巧,有用
数据面板可以查看所有变量image.png在变量上点击右键,可以设置变量值、复制变量值等操作image.png聚焦于数据面板时,可以通过键入值来搜索过滤。点击下图所示按钮可以控制是否筛选。image.pngimage.png可以将变量添加到监听面板,实时观察变量的变化。在变量面板通过右键选择“添加到监视”将变量添加到监听面板image.png也可以直接在监听面板选择添加按钮进行变量添加image.png添加变量后就可以实时监听变量的变化image.png。转载 2023-02-07 17:17:04 · 3176 阅读 · 0 评论 -
2022,VSCode 前端插件推荐
推荐一波前端开发必备插件,绝对可以提高你的生产力,剩下来的时间来mo鱼,岂不美哉根据需求,大家安装对应插件即可(安装太多插件,VSCode会很卡)当然电脑配置足够强大,当我没说🤔httpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttps。......转载 2022-07-20 14:26:56 · 1338 阅读 · 0 评论 -
如何发布自己的npm包
介绍NPM是一个包管理器,为js开发人员提供可以在项目中使用的模块,以提高生产率。我使用流行的NPM软件包,如Lodash和DateFunctions,使我的开发工作流程更简单。使用NPM包很简单。您只需使用NPM安装包,将其导入,然后通过调用函数来调用模块。然而,并非所有可用的NPM包都能解决您的问题。有时,您必须编写自己的代码来解决问题。但是,如果另一个开发者遇到同样的问题呢?通过将您刚刚编写的代码转换为NPM包,可以帮助其他开发人员节省无数时间。...转载 2022-07-15 16:01:50 · 2586 阅读 · 0 评论 -
保姆级指南:一文拥有属于你的vscode插件
经常在掘金公司团队发文章,而所在公司前端发文存在自己的固定格式,主要包含替换为:中文和英文要有一个空格替换为:中文和英文要有一个空格替换为:处理图片描述头部插入主题,内容如下这些动作每次需要人为处理,费时费力且易出错,固化流程尝试改用 vscode 插件自动实现,遂有 edit-article 插件出现;贴下相关链接,可以直接down下来看看,如有类似需求可以留言提需求我来完成。(也求 star)github:https://github.com/Sympath/edit-article-plugin原创 2022-07-14 09:35:14 · 248 阅读 · 0 评论 -
VS Code 1.69 发布:允许快速解决 Git 合并冲突
Visual Studio Code 1.69 现已发布,一些主要亮点更新包括:3-way merge editor- 在 VS Code 内解决合并冲突。合并编辑器允许你快速解决 Git 合并冲突。启用后,可以通过单击源代码控制视图中的冲突文件来打开合并编辑器。Checkboxes 可用于接受和合并 "Theirs" 或 "Yours" 的更改:,时长00:23合并编辑器中提供了所有语言功能(包括诊断、断点和测试),因此你可以立即获得有关合并结果中任何问题的反馈。结果也可以直接编辑。注意 checkbox原创 2022-07-13 09:22:17 · 2110 阅读 · 0 评论 -
写一个包并发布到 npm 上面
转存失败重新上传取消image.png说到npm包都会给人一种特别高大上的感觉,并且自己写了一个包之后如果有人用那么就会产生莫大的成就感,程序员的快乐就是这么简单。想必有产生写npm包想法的人都对模块化比较熟悉,并且对于react、vue两者之一都比较熟练了。下面呢我们就是使用react来写一个自己的npm包,我们呢会使用自己封装的webpack脚手架来写,如果有兴趣同学可以来看一下我的自我沉淀webpack5+react+eslint+tslint[1]文章。接下来的内容呢也是基于此来说明的。这里也有现成转载 2022-07-14 09:31:48 · 175 阅读 · 0 评论 -
使用 VS Code 进行高效 Python 开发
在程序员圈子里,Visual Studio Code(以下简称VSCode)可以说是目前最火的代码编辑器之一了。它是微软出品的一款可扩展的轻量级开源编辑器,并且支持全平台系统。这些特性使得VSCode颇受欢迎,这也使其成为了一个很棒的Python开发平台。在本文中,你将学到如何在VSCode中进行高效的Python开发,其中包括:安装VSCode安装插件让Python开发更便利编写一个简单的Python应用学习如何在VSCode中运行和调试已有的Python程序在VSCode中使用Git和Github来管理原创 2022-07-07 18:07:39 · 2068 阅读 · 1 评论 -
21 个VSCode 快捷键,让代码更快,更有趣
做为前端开发者来说,大都数都用过 VSCode,并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道,也比较少用,毕竟这很好,因此本文就列出一些快捷键方便大家学习与记忆。在这篇文章中,我将列出我最喜欢的快捷键,这些快捷键让我更快的编写代码,也让编码变得更有趣,以下是21 个 VSCode 快捷键,分享给你。1、一次搜索所有文件的文本Windows:Ctrl+Shift+FMac:Command+Shift+FVSCode中我最喜欢的特性之一...转载 2022-05-16 09:30:39 · 9114 阅读 · 0 评论 -
推荐一波 VSCode 插件(前端方向)
VSCode 微软推出的一款开源的跨平台编辑器,定位和 Sublime Text 有点像,早年 VSCode 刚上架的时候试用了一番,给我印象最深的就是它打开大文件非常的快,Sublime 会卡死的大文件,使用 VSCode 也可以打开,微软出的 IDE 还是很贴心的。随着几年的发展,VSCode 的插件也越来越丰富了,很多开发者用它来做前端、Python、Go等等的开发环境。正是因为 VSCode 丰富的插件,让他变成了一个免费而好用的 IDE。今天推荐几个 VSCode 在前端开发方向的一些好用转载 2022-05-09 14:39:08 · 468 阅读 · 0 评论