vscode的vsix文件如何获取

前端开发必装的十个 vs code 插件，装上直接起飞，效率翻倍！第一个， css variable autocomplet， 写 css 变量，再也不用来回翻定义，自动提示，自动补全，再也不会写错变量名。第二个， project manager， 项目多到找不到，一键收藏，一键切换，不用再疯狂找文件夹，打开即用。第三个， path intelligence， 写路径引文件自动补全，斜杠一敲就出提示，再也不会因为路径错而排查半天。第四个， npm intelligence， 导入包名，自动提示依赖包，不用死记硬背，手速直接起飞！第五个， git graph， 提交记录可识化，谁在什么时候改了什么一目了然，回滚对比排查超级方便！第六个， better comments next， 让注视变得五颜六色，重要提醒， to do bag 器用代码清晰区分，代码可读性直接拉满。第七个， live server， 保存既刷新本地实时预览， 写 html css js 必备神器，不用再手动 f 五。第八个， wisecord icons， 给不同文件配上精美图标目录结构，一眼看懂，找文件速度快一倍，颜值还高！第九个， markdown preview enhanced， 写文档写笔记实时预览，支持图标公式导出， pdf 写簿刻的神器。第十个， coldsnap， 选中代码一键生成，高清截图，主题好看无水印，发朋友圈写文章超有范！这十个插件从效率、美观到实用全覆盖，让开发过程幸福满满！你还私藏了哪些神仙插件？评论区聊一聊！

大家好，今天教大家如何去下载安装和使用 windows studio， 这也是咱们大一新生学习 c 语言或 c 加加的一个必备软件。首先的话咱们在这个搜索栏里面输入 windows studio， 然后就会得到这样一个 windows studio 的 网站，注意下这里显示 windows studio 不是 windows studio code， 咱们要选择这个第一个网站，点击进入这个网站，再选择下载， 咱们只要选择这个社区版就可以，这完全够咱们大一新生去学习 c 语言了。接下来咱们点击一下这个免费下载，接下来的话是不看这个右上角这里就会出现这个下载的提示。 这个下载过程还是比较长的，咱们稍微等待一下 viz studio 已经下载完成了，接下来咱们只需要去双击安装一下 viz studio， 然后这个点击试 点击继续。这就是进入这个安装过程了，因为我之前已经安装过了，所以他这个安装速度还是比较快的，如果你们是第一次安装的话，这个等待时间还是稍微比较长的， 咱们接下来继续等待一下，让他完成一些必要的更新。现在更新完成，咱们点击可用，然后选择第一个社区版本，然后点击安装，咱们去安装一些必要的，呃，主键就可以，然后选择这个啊，使用 c 加加的桌面开发， 接下来咱们就可以使用它来进行 c 语言或者 c 加加的学习，然后选中这个以后，这里还要注意下，它默认是安装到 c 盘里面，这里咱们可以更改一下， 比如说安装到其他盘里面，比如说我的地盘比较大一些，那我就安装到地盘里面， 然后他前面的这些路径咱们可以修改一下，然后给他安装到 d 盘，然后这个缓冲你们可以安装的，也可以安装到 d 盘或者 c 盘里面。接下来咱们直接点击安装就可以，主键安装完成以后， 咱们点击启动，选择第一个，如果无法登录成功的话，咱们选择关闭就可以再继续点击一下这个 继续，这里可以选择你的颜色主题，我就选择一个浅色的启动是 windows studio， 咱们的 windows studio 就 已经启动了，看这里咱们点击下文件新建一个项目，咱们只需要选择这个空文件， 然后点击下一步，然后这就是这个项目的位置，他默认是 c 盘里面，咱们也可以去修改一下他的位置，比如说从这个 c 盘给他修改到这个 d 盘里面，他的存储的 项目的地前面的路径咱们也可以修改一下，比如说咱们就给它放在 d 盘这个文件夹里面，然后继续点击创建，现在就创建好了。如果你要 写一个比如说 c 加加项目的话，咱们需要在这个点击原文件，然后右键添加新建项。如果 c 加加啊项目的话，后面应该是用的这个 c p p 结尾，如果是 啊 c 语言的话，咱们就直接选 c， 我 先拿这个 c 加加举例子，然后后面的结尾是 c p p， 然后添加就可以。如何调这个大小？如果字体过小，咱们可以按住 ctrl 键， 然后滑动这个鼠标的滚轮往前的话，是不是这个字体会逐渐变大，现在话调整到一个合适的大小。接下来咱们写一个 c c 加加项目，咱们首先要写一个头文件， 然后写上这个 include， 然后再写一个输入流，这里是 usual， usual name， usual name space。 按这个 table 键，这里要写一个麦函数，输入一下，这里 有一个括号，这个括号咱们要用这个英文的格式，咱们输出 c 加加，话用这个 cut， 这里写一个 hello world， return 零后，后面要有个分号，它前面这里 也是需要一个分号。如果你想调整格式，咱们可以按一下 ctrl k， 然后再按一下 ctrl d， 如果它这个格式这里出现，如果是对不起，你可以按一下 ctrl k， 再按一下 ctrl d， 是 不是它的这个格式会自动调整？现在是 c 加加，咱们运行一下，是不是它在控制台这里输出了 hello world， 咱们这就用 windows 丢丢完成了一个 c 加加的项目。如果是写 c 语言，咱们就可以再重新新建一个项目，点击这个文件，新建新建项目，选择这个空文件，点击下一步， 再继续点击这个创建，咱们就可以在这个原文件这里右键添加新建。像如果 c 语言，咱们后面将这个 p p 去掉，点击添加。接下来咱们就写一下这个 c 语言， 继续咱们要写一个头文件，写这个 include， 继续写上咱们的 main， 这里一个分号， 这里要注意一下。如果是 c 语言，咱们是不是要写一个 print 括号后面一定要写一个分号， 这里再写一个 hello world。 接下来咱们去运行一下 c 语言，是不是这里成功地说出了 hello world？ 这就是 c 加加和 c 语言的啊，不同的写。呃写法， 咱们平时在学习时候要注意一下，如果是 c 加加，注意一下，它的后缀是点儿 c p p。 如果 c 圆的话，它的后缀是点儿 c。 感谢同学们的观看。

今天早上在群里刷到这张图，直接给我整笑了。虽然这张图已经传的快包浆了，但不能看出这是一位正准备在暑期逆袭的准大学生。为了领先同龄人，他含泪掏出三十九元巨资买下一个免费开源的 v s code 安装包，外加一份三百六十五天激活码。 看到这，我不得不佩服这些卖家的商业头脑，这种把免费的大自然搬运工硬是包装成精装版的操作，农夫山泉看的都直呼内喊 厉害。至于喷这位准大学生交智商税，我觉得倒大可不必，那毕竟还没真正走出校门，不知道外面的世界除了星辰大海，还有专门割韭菜的镰刀大海。那很多人可能觉得这是段子，但我一说，发现还真不一定。早在二零二二年微站上就曝光了类似的事件。 三十九点七元即可购买 vsco 的 官方中文版。你再看这张图的左下角， google 官方称坦授权，好家伙，微软听了想流泪， google 看了想报警。评论区还有人爆料，这种空手套白狼的玩法居然还挺赚钱，毛利利大概七十个。哎， 这个世界就有这么的层次类似，我真的还看过不少海鲜市场，有人能卖 luke m q 原码某宝九块九卖所谓的 deepsea 满血版，点进去一看，本就是给你发几个免费的 top 网站链接。所以各位准大学生，在校的大学生们，真的求你们擦亮眼睛。 这个 ai 时代，学编程没那么难，也真不用花这种冤枉钱。如果你怕踩坑，多去程序员扎堆的地方逛逛，比如我们边导航社区，把常用的工具、免费资源、学习路线都整理的清清楚楚，一站式搞定，有问题还能直接发帖，甚至还能顺便收获点情绪价值。那最后再多叮嘱一句， 虽然老话说吃亏是福，但这三十九块钱省下来买几杯奶茶，它不香吗？那你们还见过哪些离谱的付费资源？评论区发出来帮大家拍拍脸！

我现在就先给大家去演示一下，通过这个 missco 的怎么去创建一个网页文件，用件选择 new file， 那妞， file 的意思就是创建文件，或者说叫新建文件啦，点它啊，这是我们的第一个例子啊，就叫李丽啊，名称呢，我们就叫使用 vs 扣的放进网页文件，对了，那此时我们的扩展名也应该叫点点去 tm， 然后回撤， 哎，这就是一个空白的一个文件，是吧？那回想一下，我们上一节课说到一个网页要有一定的结构，有一个骨架，那骨架是什么呢？回想一下，什么叫一切， tm， 是吧，然后呢？写上一个爱的，是吧？ 然后呢？哎，你看会发现这个工具有个好处，就是说我只要输入完害的之后，他会立马把这个结束的这个标签也给我自动补全了，是吧？可以说还有这种包带 啊，这是我们收到网页的一个股价，对吧？所以说我们上节课讲到过一个叶签的标题，对吧？那就是太考不到了，太好了，按理说这个是我们的一个网页保存好，那同时呢，我们上节课还讲到了一个标题标签，就是 h e， 然后呢，比如说这是周， 这是我们的标题标签，这是我们上节课呢，还讲到过一个段落标签，就是 t 标签。我们说今天，今天天气很晴朗， 入处好风光，是吧？ baby 暴富了，好，那我们说 p 呢，它是一个段落标签，对吧对吧？不行啊，暴发好，那么此时呢，我们用 bbd 七呢，就算是写完了， 那洗完之后呢？啊，我们来去是不是要去运行这个网易啊，那怎么运行呢？哎呀，你先，可能你的电脑上没有这个工具，那不用担心啊，我先给大家运行刷一个下午再说。 右键主要在你的这个文件的空白处，右键这个地方呢，有一个 o 盘音 dyfot brother。 哎，就选择这一项。好，我点他走着。 好，然后呢，此时呢，他就会给我打开默认的浏览器，当然我说我的默认浏览器是谷歌，你会发现就知道今天天气很晴朗，出入好风光就出来了，是吧？ 那么这就是我们通过编辑器来去创建一个网页，以及如何去运行一个网页。好，我再看一下啊，就是右键我们这地方选择 open edfold bros， 选择这下走着来看一下。 那此时呢，他就会打开这个网页了。哎，就这么简单。好，那我就先说到这里。

我个人建议大家不要呢，去在初学的时候使用 vs cod， 当你有一定的能力之后呢，你想用 vs cod？ 可以啊，但是在初学的时候，哎，很多个人不太建议你使用 vs cod 啊，很多呢，之前也录制了专门的 vs cod 的这个教程 vs code 的啊，在上面如何配置 c c r 的开发这个环境对不对？但是我发现啊，很多初学者 其实在配置环境这个环节就已经浪费了大量的时间啊，已经浪费了大量的时间，还没有开始就已经放弃了，从入门到入土啊 这个地方，从入门到方期啊，所以我个人建议大家不要呢，去在初学的时候使用 vs cod， 当你有一定的能力之后呢，你想用 vs cod？ 可以啊，但是在初学的时候，哎，鹏哥个人不是太建议你使用 vs cod 啊，希望大家能够理解。

今天的视频开始之前，先问大家一个问题，使用过 wifs do 的同学请在屏幕上打一，使用过 vs 扣的的同学请在屏幕上打二。 当然我们今天所为大家讲解的是如何在 vs 扣子中去设置自动保存，因为在 wife store 中，我们可以自动取经保存，而是默认的，在我们的 vs 扣子中，他不是自动的， 需要我们手工的去进行设置好，我们来打开我们的维生素丢丢啊， vs 扣的，我们也剪成 vs 扣的，打开之后，我们在这里面我们新建一个文件吧，比如说，我就在这里来写 ctrl s 吧，随便拿一个啊， hello 点键啊，按 h to 妹吧，我们就写一个 s 妹啊， s 妹的一个文件就可以了。 好，在这里面写上之后，在这里给他一个 s 五。好，我们这样写好之后，如果说你第一次写的话，他可能 就说这边的一个塞天使文件啊，这里面可能他是一个 ofof 的一个表标记啊 of 的一个标记，嗯，这样子，你去做一些代码编写的时候，他这里是不会帮你默认的保存， 但是我们又需需要他去默认的保存，怎么办？他这里提供了几个选项，所以说这点是比 wixtom 更加强大一点，也就说这里或许就说在一秒钟啊，在一 一分啊，一秒钟，一秒钟的一个时间之后，他会自动进行跟进行保存。第二个是获取焦点，当离开窗口，第三个是离开窗口的时候，第二个焦点啊，焦点获取之后，嗯，这个大家应该也知道吧，趁着我们的一个焦点获取 获取焦点离开弹起之后，他会自动的进行保存，一般我们就选择他一秒钟之后自动去给我们保存，是这个就会更好一点。好，现在我们每次去修改之后，他会自动的去进行一个保存，而不需要我们手工的去进行一个编写， 所以说这样的一个设置会更加合适一点。当然其他的一些操作，比如说这边的一些设置，你都可以自己去进行试一下，看一下他们的一个区别啊，看， 大家可以看一下我离开这边啊，大家看一看是不是我实际焦点之后，他会自动进行保存。当然其他的下面的一个离开窗口啊，离开当前的一个编辑窗口的话，我们也来测试一下啊，在这边选择 按温度称值，好，这边我们关闭掉，关闭掉之后在这里边一直给他写哈，写完 这么多之后我们离开这个窗口，离开窗口之后大家可以看啊，就进行了自动保存，所以说这几种方式根据你自己的一个喜好啊，我建议啊，个人建议，一般我们就选择 第二种就可以了，就是说让他一秒钟之后，一秒钟之后自动给我进行一个保存。

一、 ctrl 加 ko 选择文件夹也可以在选择框中右键新建文件夹， 然后点选择文件夹，能将其设置为默认的工作文件夹，下次再打开 vs code 会默认开启它，就可以对其中的文件进行操作了。 二、在左侧的工作文件夹窗口中，右键可以新建文件或新建文件夹，也可以左键双击 直接新建文件，这种方法更快一些。三、在文件上右键选在文件资源管理器中显示， 能在电脑中快速定位到该文件的位置。四、 ctrl 加 p 快 速打开文件，支持模糊搜索， 快速定位并打开文件。五、 ctrl 加 w， 关闭当前文件标签页， ctrl 加 tab 可以 切换打开的标签页。 六、 alt 加向上箭头或向下箭头，可以向上或向下移动当前行的代码。 shift 加 alt 加向上箭头或向下箭头，可以向上或向下复制当前行的代码。 七、光标在某一行的任意位置时， ctrl 加 x 可以 删除整行。 ctrl 加 c 可以 复制整行。八、 ctrl 加问号添加或取消单行注式。 shift 加 alt 加 a， 添加或取消块儿注式。 九、 ctrl 加 d 可以 选中光标处的单词。 十、 ctrl 加 shift 加 l 可以 选中当前选中的所有匹配项，方便批量操作。例如我选中偶数， 然后摁 ctrl 加 shift 加 l， 就 可以把所有的偶数都选中。十一、 alt 加点击在任意位置按住 alt， 点击鼠标可添加多个新的光标， 点错时可以用 ctrl 加 u 撤销上一次的光标添加或选择， 这样可以实现批量插入和批量删除。十二、 ctrl 加 alt 加向上箭头或向下箭头， 可以在上方或下方插入光标。十三、 ctrl 加 l 选择整行。 十四、 ctrl 加 delete 删除光标右侧的一个单词。 ctrl 加 box space， 删除光标左侧的一个单词。 十五、 ctrl 加左右中括号，缩进或反缩进。 十六、 ctrl 加 shift 加左右中括号，可以展开或折叠代码块。 你还知道哪些好用的快捷键？欢迎在评论区留言。

插件写得再好，发不出去也是白搭。分发效率直接决定了插件的生命力。在 vsco 的 生态里，分发逻辑其实很简单，就是私密和公开的双轨制。如果你只是想在团队内部快速跑通或者做小范围测试， 直接打包成 vsix 文件是最快的。这种方式不需要经过任何审核，发给同事就能装。但如果你想让自己的成果被全球开发者看到，那就必须走应用商店公开发布这条路。 搞清楚这两者的区别是插件从开发走向分享的第一步。在开发阶段，为了调试方便，我们经常会用 n p m link 把本地组建挂载到项目里。但在分享插件之前，这其实是个隐患。 你得先把这个本地连接给断了，进入你的子项目目录，执行 npm yunk。 这一步的作用是让你的项目断奶，不再依赖你电脑里那个特定的本地路径，避免别人安装时因为找不到文件而报错。 断开本地连接后，下一步是去 n p m 仓库把正式版本装回来，直接运行 n p m i， 加上你的包名。为什么要多此一举呢？因为只有这样，才能保证其他开发者在安装你的插件时，能拉取到一个完整可复现的运行环境。 你要确保的是，无论谁在什么地方安装，拿到的代码都和你测试时的一模一样。最后，别忘了清理现场。 开发时，为了让编辑器不报错，你可能手动写过一个 e t s 类型声明文件。现在既然已经装了官方包，它本身就自带了类型定义，你之前写的那个临时文件就没用了， 留着它反而会引起类型冲突，让编辑器发疯，果断把它删掉，保持项目结构清爽，这才是专业的做法。依赖理顺了。现在开始打包，你需要一个官方工具，叫 vsce， 直接用 n p m 全局安装就行。它是 v s code 的 插件开发的标配，不管是本地打包还是往商店发布，全靠它。 记住，一定要全局安装，这样你在任何插件项目里都能直接调用。装好工具后，回到你的项目跟目录，敲入 e s c e package， 这时候工具会自动扫描你的项目，把所有代码和资源封装成一个后缀，是 v s i x 的 文件， 这个文件就是你的插件安装包，你可以把它理解为插件界的安装程序。只要有了它，你就不再需要给别人发源代码了，直接把这个文件发过去就行。 拿到文件的人怎么装呢？很简单，在 v s code 的 扩展面板里点右上角那三个点选，从 v s i x 安装，选中你发给他的那个文件，插件就直接装进去了。 这种方式最适合在团队内部传阅，或者在正式发布到商店之前，先发给核心用户做一轮甄姬测试。 第一次运行打包命令大概率会撞墙、报错提示、没写仓库地址或者少了协议文件。这些琐碎的配置最消耗开发热情。这时候别去翻文档， 直接把终端报错甩给 ai， 它能瞬间看穿 package 点 json 里的漏洞，帮你补齐仓库字段，顺便生成一个标准的 mit 协议文件。这种脏活累活交给 ai 处理，才是最聪明的做法。打包成功只是第一步，体积才是硬指标。 如果你发现生成的 v s i x 文件有三十七兆，那绝对是个灾难，这意味着你把几千个没用的依赖包全塞进去了。这时候得靠 vs code 忽略文件， 让 ai 帮你写个配置，把开发环境的源码、测试文件，还有沉重的 note 下划线、 modules 文件夹全部排除掉。优化后的结果非常惊人，体积能从三十七兆直接缩减到四七三 kb， 文件数量从几千个变成十几个，这才是能拿的出手发给别人用的专业插件， 本地调试没问题，一打包安装就报错，提示找不到命令。这时候你如果去查命令注册逻辑，那就彻底跑偏了。真正的凶手藏在开发者工具的日制里， 你会看到一行报错。找不到 sharp 模块，这就是原声模块的坑。 sharp 依赖底层的 c 加加代码，它不是纯粹的脚本， 在跨平台打包时，极容易因为环境不匹配导致加载失败，只要它挂了，整个插件的激活流程就会中断，命令自然也就找不到了。既然原声模块在打包时是个定时炸弹，那我们就换个思路， 插件本身就有 webview 界面，那直接调用浏览器自带的 html 五 canvas 接口来做图片压缩不就行了？ 这是浏览器的标准功能，不需要任何第三方依赖，更不需要翻译。把压缩逻辑从插件后端移到 webview 前端，不仅体积更轻，还彻底解决了跨平台兼容性的问题。这种绕过障碍的思维，比死磕报错要高效得多。 这种涉及前后端通信的重构逻辑非常绕，直接交给 ai 处理，关键在于你的提示词怎么写， 你要明确告诉他报错根源就是 sharp 模块。现在要求用 canvas 接口在 web view 里重写压缩功能。最重要的一点是，一定要加一句约束，不要改除其他问题。 ai 会自动帮你重新梳理消息传递机制。 按照这个思路，这种复杂的技术迁移一次就能修复到位。修完之后，记得做一次全功能自测，确保万无一失。 功能跑通了，接下来得给插件办张身份证。第一步就是换个头像。在 vs code 商店里，一个专业的图标能瞬间拉高信任感，操作非常简单， 准备一张 png 格式的图片，放进项目跟目录，然后在 package 点 json 里加一个 icon 字段，指向这个文件路径就行。别小看这一个图标，它是用户对你作品的第一印象，也是区分个人练手和专业工具的分水岭。 除了图标， package 点 jason 的 原数据就是你的宣传海报。 bind the film 是 给用户看的，正式名称要好记，最好带上核心功能词 description， 也就是简介。必须一句话说清你能解决什么痛点，别绕弯子。还有分类字段， 这直接决定了用户在搜索相关功能时能不能搜到你。把这些字段填精细了，你的插件在市场里才会有更高的权重和曝光率。这些细节决定了你的插件是躺在角落吃灰，还是被全球开发者一键安装。 想让全球开发者搜到你的插件，你得先在商店里有个合法的身份，登录 vscode 的 市场管理平台，创建一个发布者，这个发布者 id 就是 你在插件市场的品牌名。记住， 这个 id 必须和你代码里 package 点 jason 写的那个发布者名称一模一样，它是唯一的，一旦定下来，就会出现在你插件的网页链接里。所以起名的时候一定要慎重。 有了身份还得拿把钥匙，这把钥匙就是 p a t， 也就是个人访问令牌，你需要去 azure devops 后台生成它， 这里有个坑，一定要避开。在设置权限范围的时候，必须勾选市场管理权限，也就是 marketplace 下面的 manage 选项。只有开了这个权限，以本地的打包工具才能代表你把代码推送到商店里。如果这步选错了，后面的发布指令百分之百会报错。 特别注意，这个 p a t。 令牌生成之后只会出现一次，只要你把网页关了，就再也找不回来了。所以生成的瞬间请立刻复制，把它存进你的密码管理器里。 拿到令牌后，在终端运行 b s c e logging， 加上你的发布者名字，把令牌贴进去。到这一步，你的本地开发环境才算正式和全球插件市场接通了。这把钥匙你可千万得拿稳了， 要是拿到了，现在就是临门一脚。在终端输入 v s c e login， 加上你的发布者名字，把刚才那串 p a t。 令牌贴进去，完成授权。 接着直接运行 v s c e publish， 这时候工具会自动帮你完成最后的打包效验和上传。看到进度条跑完，你的代码就已经正式飞向微软的服务器了。 发完之后别急着庆祝，得去三个地方确认一下。首先是你的管理后台，看到状态变成绿色的在线状态才算数。然后打开 vs code 扩展面板，搜一下你的插件名，能搜到说明全球用户都能装了。 最后你还会得到一个专属的网页链接，这就是你插件的官方主页，直接发给别人就能看，非常方便。 发布只是开始，后续的更新其实更简单，你只需要在 package 点 jason 里把版本号往上提一位， 比如从一点零点零改成一点零点一，然后再次运行 v s c e publish， 商店会自动识别并给老用户推送更新。 到这里，你已经打通了插件从开发到发布的全部流程。下集我们会聊聊如何通过用户反馈和数据来持续优化你的插件。记得关注，别错过后面的实战干货。