作者简介 zqlu 蚂蚁金服·数据体验技术团队VS Code 是一款新的工具，它将代码编辑器的简洁和程序开发人员在开发-构建-调试流程中所需要的工具结合在一起。Code 提供了全面的编辑和调试功能支持、一个可扩展的模型、和与现有工具的轻量化集成。这是 VSCode Github 仓库上的介绍，如今，VSCode 的 Github Star 数已达 4.7 万，VSCode 采用了 Electron
转载
2024-07-31 21:43:26
181阅读
Vetur插件文档地址：https://marketplace.visualstudio.com/items?itemName=octref.vetur Vetur不用说了吧，开发Vue必装的一个插件 未安装之前vue文件显示这样的 安装完成后显示这样的，看着舒服多了Vue 2 Snippets插件文档地址：https://marketplace.visualstudio.com/i
转载
2024-09-01 09:39:31
338阅读
要看源码就得从最简单的开始，button够简单的了，就从他开始吧。安装依赖后源码目录在：node_modules/element-ui/packages中，可以看到这里的文件夹命名是不是很熟悉，就是我们平时写的组件名，打开任何一个文件夹，都有一个src文件夹和一个index.js，src文件夹放组件，index.js用于注册组件下面来看具体的button源码如何写的：分析从三个方面着手：DOM结构
转载
2024-04-25 11:21:06
94阅读
要看源码就得从最简单的开始，button够简单的了，就从他开始吧。安装依赖后源码目录在：node_modules/element-ui/packages中，可以看到这里的文件夹命名是不是很熟悉，就是我们平时写的组件名，打开任何一个文件夹，都有一个src文件夹和一个index.js，src文件夹放组件，index.js用于注册组件下面来看具体的button源码如何写的：分析从三个方面着手：DOM结构
转载
2024-03-05 22:25:20
80阅读
简介本来不打算写输入框的分析，心想一个输入框能有多复杂，还能怎么封装，后来浏览了下源码，发现还是有很多自己不知道的知识点，于是打算还是写，下图就是一个Element的最基本的输入框 结果一看源码，我的鬼鬼，源码竟然300多行！咋会这么复杂，看过官网的文档后，发现确实应该这么复杂，因为这个输入框不仅仅是只有一个input这么简单，还附带了很多的其他内容，上图仅是一个最基本的形式而已，下面我们依次
转载
2024-03-20 09:18:24
853阅读
目录1，源码整体结构1.1，build 目录1.2，examples 目录1.3，packages 目录1.4，src 目录2，打包整体流程2.1，npm run build:file2.1.1，build/bin/iconInit.js2.1.2，build/bin/build-entry.js2.1.3，build/bin/i18n.js2.1.4，build/bin/version.js2
转载
2024-08-17 13:41:58
202阅读
Button组件不管神马组件，都有三个较为重要的组成部分：props、event 和 slot，这三个部分是组件对内对外沟通的桥梁，使得组件变得灵活起来。所以这三个 api 在发布之前一定构思好和确定好，因为后期再改就很难了，可能就是会牵一发动全身那样子。但后期对组件的处理其实不应该是这样的效果，而应该是不影响和改动之前的 api，但又可以扩展和新增功能。1）最明显的就是 bu
转载
2023-06-26 14:19:06
196阅读
想学习 element 源码，网上搜索了一圈之后发现大多还是让直接访问 eplay 文件，但是我下载下来之后访问 play 文件，发现有个 ga 报错。这个报错去 element issue 上查看发现有人提出，但是也还没有解决。于是就将 app.vue 中的代码删了直接写的。根据 element-ui 的官网顺序，先学习的是 el-row 组件的使用。首先在官网上看到el-row 的属性，有 g
转载
2024-05-26 15:03:31
382阅读
随着大模型能力越来越卷，在垂直领域的落地也在加快，对于大模型代码生成能力而言，最简洁高效的方式就是集成为常用IDE的插件，在vscode的插件战场中，比较知名的就有 GitHub Copilot, 智谱清言的codegeex, 讯飞星火的iFlyCode。那么我们就以开发一个简易的大模型对话插件，来探究一下vscode插件开发到发布的流程，研究一下文心一言大模型api的接入跟着操作大约30-60分
代码片段代码片段，也叫snippets，相信大家都不陌生，就是输入一个很简单的单词然后一回车带出来很多代码。平时大家也可以直接在vscode中创建属于自己的snippets：创建代码片段那么如何在扩展中创建snippets呢？package.json文件新增如下："contributes": {
"snippets": [
{
// 代码片段作用于那种语言
"language": "javascr
在上一节中，我们讲到加载第一个画面时，加载了一个workbench.js （src\vs\code\electron-browser\workbench\workbench.js） 这个文件中执行了：bootstrapWindow.load([
'vs/workbench/workbench.main',
'vs/nls!vs/workbench/workbench.main',
'vs/
转载
2023-08-26 15:56:55
258阅读
可视化新建项目打开可视化面板vue ui创建项目可以保存为预设,下次使用此预设时就不需要再次配置了创建完成后我们可以看到他的文件结构vue3初体验入口文件在public中,不在根目录配置全局变量 根目录新建vue.config.js// Vue.config.js 配置选项
module.exports = {
// 选项
// 基本路径 vue.cli 3.3以前请使用base
转载
2024-04-22 19:13:27
51阅读
在第一节中，我们提到： app.ts（src\vs\code\electron-main\app.ts）的openFirstWindow方法中， 有个WindowsMainServiceconst windowsMainService = this.windowsMainService = accessor.get(IWindowsMainService); // TODO@Joao: unfo
转载
2023-12-29 14:30:53
102阅读
前言Visual Studio Code（简称 VSCode）凭借其占用内存小、文件加载快、稳定性好、插件丰富等等特点，从众多 IDE 中脱颖而出，受到了广大开发人员的青睐。工欲善其事，必先利其器。选择适合自己的 VSCode 插件，能够让你的开发效率突飞猛进。VSCode 插件市场 上面插件百花齐放，但实际开发过程中问题复杂且多变，有时候并不能找到完全满足你实际开发需求的插件，那就自己动手 DI
转载
2024-07-30 18:56:40
59阅读
源码地址https://github.com/PanJiaChen/vue-element-admin用户登录页面https://panjiachen.github.io/vue-element-admin/#/login?redirect=/dashboard 源码： 当用户打开https://panjiachen.github.io/vue-element-admin 这个项目的地址时，程序自
转载
2024-04-21 19:24:00
236阅读
vscode的简介：vscode是微软开发的一款轻量级代码编辑器，免费、开源而且功能强大。vscode是用electron开发可在多端运行，可以适用多种语言的开发工具。目的：工欲善其事，必先利其器。通过配置 VSCode 插件来提高生产力。如何配置插件：1.安装vscode；2.打开软件，找到插件入口；3.输入相应的插件名称，基本安装了就可以了。非常好用的插件：1.code spell
转载
2023-11-03 12:48:36
313阅读
在Win10中，配置VScode调试Linux环境下的C语言的代码，配置过程不太常用，特此记录下。1、源码文件，都一样，怎么写看个人爱好。2、VSCode安装这里也不做赘述。VSCode默认安装好是使用的英文，想要中文界面，可以在扩展中安装中文语言包就可以了，如下图： 安装完成后，
转载
2024-01-03 07:43:24
176阅读
文章目录前言一、源码阅读工具二、阅读源码1. 目录结构2.package.json3.index.js三、使用该包1. vue-cli中使用2. create-react-app 中使用总结 前言validate-npm-package-name 是一个用于检测npm包是否符合标准的包，被很多脚手架创建工具使用：vue-cli 、create-react-app 源码地址：https://git
转载
2024-01-20 20:22:47
397阅读
使用VS2017/VSCode编译libdwarf工程VS2017支持Cmake编译，我将使用VS2017编译libdwarf库，在网上查了好多与dwarf相关的文章，在GitHub上可以轻易下载到libdwarf的源码，但是不知道如何使用，libdwarf库为开源代码，符合LGPL。下载libdwarf库打开github.com直接搜索libdwarf，排行第一的就是，地址https://git
转载
2024-05-05 07:45:10
167阅读
VSCode是微软出的一款轻量级代码编辑器，免费而且功能强大，对JavaScript和NodeJS的支持非常好，自带很多功能，例如代码格式化，代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。 一、vscode安装1、进入vscode官网（https://code.visualstudio.com/Download） 2、双击下载的安装包，进入
