Vscode如何导入本地插件源码
粉丝74获赞1153
相关视频
00:3735机器人工匠阿杰
06:05查看AI文稿AI文稿接下来我们来看第八个 vs code 的常用插件 pear dear， 我们的格式化代码的插件，这个插件主要用于我们格式化美化代码，我们平时在写代码的时候， 呃，经常会出现一些比如代码缩进不一致啊，包括这个不符合规范的啊，有时候的话呢，会， 偶尔还会这个代码格式的话呢，比较凌乱，对吧？那为了保持统一的风格，我们一般情况下在企业里面的话呢，我们都会统一的标准的。那呃，这些第三方插件的话呢，就给了我们很多这样的 格式化的这个标准，所以的话呢，我们接下来带大家安装一下，我们来使用一下啊，感受一下，那这里面的话安装也是一样的。首先第一个我们在 visco 的的应用商店里面，搜索框输入 cuter， 然后点击安装就 ok 了，然后 我们载在我们的设置里面，把我们的保存时格式化文件这个地方的话勾选上啊，就是你 ctrl 加 s 的时候，他会自动帮你保存，那光添加这个还不够哈，我们还需要将我们的这个 pry 点这个 代码格式化的插件设置为默认选项啊，那这样的话呢，你在 ctrl s 他，他就使用是我们的 prader 的这个代码格式化工具。那么接下来的话呢，我们来啊测试一下哈。 那首先的话呢，我们先打开，那么这个时候我们可以看到我们是没有安装的，对吧？还没有安装这个插件，那么这个情况下的话呢，我们先来把这个代码搞乱一点啊，比如他的格式，哎，空行啊， 包括这里面啊，乱七八糟的，对吧？哎，这个明显的话呢，这个是写的，你看这个水平的不行，对不对？好，我们这个 呃，来啊，把这个地方也给他打乱一下啊，有多乱搞多乱，你看看着就 s 保存是不是没用啊？ 啊？没用就对了哈，那么接下来的话呢，我们就来安装一下我们的这个 preda 啊，咱们这个插件，好吧，那首先的话，第一个我们点开啊，你在这里搜索我们的 prade p r e t t i 一二， ok， 回撤。好，那么这样的话呢，我们把它来在这个地方，我们先点开看一下啊，就这个插件没错啊，然后点击安装 好，那么等他安装成功，安装成功了之后，你会发现这个时候你看不见 s 还是没有用，对吧？我们刚刚讲了哈，光把这个地方哎 安装上还是不够的，那么接下来我们需要做一件事，就是那你看啊，这个地方他有个设置，设置里面的话呢，我们这里搜索 s a v e i so， 那 so 之后的话你可以看到这还有个什么呢？ format on show 就什么意思呢？就是我们在编保存时格式化文件，对吧？那这里我们把它勾选上好，勾选上了之后，其实它是在我们的这个配置文件里面哈，在这个地方看右上角啊，这里打开配置文件，然后它这里面给我们加了一行代码，看到了吗？ additive format on show 等于处啊， 意思就是说我们在编辑编辑器里编辑的时候，我们这个呃代码格式化的这个插件的话呢，就抗拒 s 之后他会给我们开启了，就这个意思哈，其实 vs code 给我们 做了一很好的范例，就是未来我们在开发很多插件的时候，你看他只要用配置的形式，说白了就把你这个页面上保存的所有东西都给你写到配置文件里面，那么如果你想保持这个，你只需要把这个配置文件啊，比如说你的这个东西保存一下，对吧？当然 vs 客的给我们提供了一个账户端 登录，你在任意的电脑上打开他的这个，你以前的代码习惯都会给你保留下来啊，以一个文本的形式给你算算，这个就非常非常好了，对吧？ 好了，那么接下来的话呢，我们这弄好了， ctrl s 了，好，你还能不能行呢？还是不行，你发现没有，我现在 ctrl 加 s 还是不行，那怎么办呢？我们这个是要将 ctrl 加 s 的时候，保存时要格式化，那么我们要按照什么样的规范格式格式化呢？就按照我们刚刚刚安装的这个， 这个 preter 啊，这个插件我们要以它为标准，对吧？ ok， 这已经弄上了，对不对？那怎么办呢？来右键啊，注意看，这里有使用格式化文档来点开， 那点开之后的话呢，你看这里，这里的话呢，我们要选择默认，你看配置默认格，刷程序，点击他，哎，你看这是一个 pose， 点 code format， 对吧？你点到这个啊，点一下， ok， 你再来看啊，这个时候再来看，点开， 是不是他这设置个默认值，这个代表我们一定要点这个啊，点这个他会跳转到这里，然后再点他，就把他设置为默认值了， ok， 好，那么这个时候我们再来看一下啊， ctrl 加 s， 接下来就是见证奇迹的时刻，我们看能不能行啊，看能不能恢复啊，来，一二三走， 哎，可以了，对吧？好了，没问题啊，那这个时候的话，我们再再搞乱一点来看这 s， 看是不是出来了，哎，你把这个搞的再乱啊，随便打乱没问题，看这 s 他一样可以回来的吧？ 那当然，这个地方的话，那不一样啊，这是你的文本里面的东西啊，那你只要在标签，因为一般情况下我们都是由于标签这个，比如说，哎，有那么一个没对齐啊， 对吧？哎，没对齐啊，或者这个地方多了个空格啊，哎，这个地方可能也多了两个空格啊，这样子啊，好像他也不影响什么程序运行的，但是他对代码的美观性还是有影响，对吧？所以这个时候的话呢，我们 这样一写之后哇，就非常破费了，是吧？那包括你这页面上写的 gs 啊啊，所有的其他东西啊，都是可以起作用的好不好？那么这个插件的话呢，是非常好用的，而且的话呢，也是我们日常过程中经常会用到的哈， 那比如说这些地方的话呢，你看你随意哎，你比如说你这里啊，你这里打两个空格，其实这都不影响成运行啊，但是的话呢，从美观上来讲的话呢，这个东西肯定是看起来是这个非常 low 的，对吧？那么接下来我们看下 s， ok， 没错啊，那具体细节的话呢，我们这些东西的话呢，他都是可以抗皱 s， 他自动就帮我们按照我们代码的格式化的标准来给我们格式化了啊，这个的话呢，是非常好用的。 好了，那么这个插件我们就给他简单介绍这里啊，那么接下来我们就开始给大家去做一些呃这个 vs code 里面的一些相关设置啊，希望我们在 呃开发项目的时候，写代码的时候能体验能够变得更好啊，甚至你可能在温度上面能体验到在苹果上面的一些呃系统级的一些这个 ui 啊，非常非常的好看的吧，而且用户体验也非常的棒，那么接下来我们下节课再给大家详细的。
231艾编程
01:0699机器人工匠阿杰
00:57查看AI文稿AI文稿今天跟大家介绍一下怎么卸我们自己的思念 pais， 比如说我这里有一个例子，我想赢呃 inpod 的潘达斯，我就可以说 mpd， 然后按下大保健，可以看到他的自动把我把这个潘达斯给引入进来了。那这个功能是怎么实践的呢？我们首先 ctrl shift 加 p， 打开我们这个控制面板，然后说思内佩奇， 然后找到这个配置优色的思念佩奇，然后我们输入派送啊，这个就是配置所有和派送相关的思念佩奇，然后可以看到我们这里就有一个潘特斯的例子，看第一个就是我们这个思念佩奇是干什么事情？有这样的一个呃 可以去描述的东西，然后是我们这个 preters， 这 preters 什么意思呢？就是我们按下这样的一个前缀之后呢，它就会激活我们这个思念 pic， 然后提示我们可以有下面这个包的里面内容的这个不全，那比如说我现在讲寻包的一个单派， 我给你写一个类似的东西，只不过把这个 pd 改成 np， 然后下面这个 ample pandas 改成 angpa 的 nan 派，然后把这里保存一下，我们回到左边来，然后现在 imnp 按下太多键，可以把 nan pad 给引进来了。
01:46
03:22查看AI文稿AI文稿大家好啊，上一期呢，我们介绍了一些在 vivo 项目当中很好用的 vis code 插件，但是我这里还有一些其他非常优秀很好用的一个插件给大家看一下。那第一款插件呢？是 controllog， 那大家也知道，我们在项目当中写代码的时候会经常打 log， 那比如说我们要打这个 result， 我们 log， 然后 得手动这么打，然后有时候还得做一些特殊标记，对不对？这样会很麻烦，手动敲的话太费时间了。那有没有什么自动的方式呢？当你选中这个边亮的时候，再按住 ctrl alt l， 你会发现它下面自动生成了一行 log， 然后 log 呢，它会选中你的这个文件名称，然后多少行打印的是哪个 变量名，他在哪个函数里面，他都给你写的清清楚楚的，一键生成，非常方便。第二个我们要介绍的是 auto nametag， 这个大家应该很常见了，就是你在编写这个标签的时候，你想同步修改，前后两个一起， 那你安装这个插件就可以了。下面一个呢是 coseriner， 这个是一个可以在 vs code 里面直接选中某些代码，然后直接运行，这样你可以编写一段代码，不用跑到浏览器里面运行 gs 代码。给大家举个例子，看这里， 你看他会直接运行，把结果打赢在终端里面。下一个呢是 get have a response tourist， 这个插件我平时在阅读原码的时候 非常常用，很好用，比如说我们这里新建一个窗口，比如说在这里我们选中啊，这里我已经打开了，这个时候你打开的就是远程在 github 上面的 view 的项目， 这样你就可以直接阅读原码了。下一个插件呢？ comment checks letter， 这个插件呢是注视翻译，哎，你在阅读原码的时候里面会有一些英文注视吗？但是会有一些英文不好同学读起来会非常困难，比如说我们 鼠标放在这，他就可以直接对这一块进行翻译，会非常方便，在你阅读阅码的时候效率非常高。接下来一个呢是 cold spell checker， 这个东西其实就是在你写代码的时候，防止你英文不好拼错单词的一个作用，你比如说你可能写错了，把 l 写成了爱，哎，这时候他下面就有会有波浪线 给你提示，哎，你是不是写错了呀？啊，你看看，好好看看啊，这时候才打对了，下面一款呢，给大家介绍一下。 image proview， 这个的作用是 你在页面当中引入一些静态或者动态图片的时候，会在左边有一个预览图，会方便你进行查看。这是一张远程的图片链接，但是左边呢就会有一个图片的预览图。那最后一个我们要介绍的是 life server， 比如说他没有本地服务器运行的时候，你就可以用这个，比如说你临时写了一个 html 文件，你想用本地服务器跑一下，那你这个时候 用它会非常方便。以上十款插件呢，是我经常在项目当中使用且真的很好用的几款插件，大家也可以在自己的项目当中实际使用一下。
1561程序员少北晨
