大家好啊,今天给大家分享一下在 v 项目当中让你效率翻倍的几款软件,非常好用。那刚好前几天清华大学出版社给我寄来了一本循序渐进 v g s 三前端开放实战。 这本书我看了一下,比较适合 bu 技术站的初级开发者,里面包含了 bu 二和 bu 三的内容,有常见组间库和插件的使用,还有电商后台管理系统的实战。并且这本书呢,也有对应的视频代码、 ppt 资料,在每个章节的开头都有对应的二维码, 可以直接扫码看对应章节的视频,还挺方便的。推荐 view 的初学者买一本来看看,非常适合入门。那我们今天要推荐的第一款插件呢,就是这个别名路径跳转,你没看错,别的 usco 的插件都是一 英文命名的,他这个就是中文,你直接在 visco 的插件里面搜这个就可以了。那这个有什么作用呢?因为我们在项目当中有时候会有 and 这种别名对不对?但是有的这种别名之后,你跳转的时候会比较麻烦,有时候会跳不过去,那安装这个插件之后呢,你就可以直接选中, 哎,就直接可以跳过去了,非常方便。第二款插件呢,是我们之前推荐过一次的,叫 autotrac strict for view, 这个是在你写 view 结构的时候, 直接生成你对应结构的 class 名称,给你举个例子啊,这里现在我们把刚才那个 class 名给删了对不对?现在我们右键,然后点击一下,哎,我们会发现他一一对应这个 content, button, 他都会一一对应的,在这下面 帮你确认好,你直接在最下面直接编写你的样式就可以了。那第三个插件呢,是我们推荐的 css navigation, 这个插件呢,主要的作用是 当你写好这个克拉斯的时候,在这个文件里面,你比如说你想跳转过去是比较麻烦的,但是有了这个插件之后呢,你可以选中然直接跳转到下面去, 看到没有,可以直接跳转到下面去编写你的 style 样式,非常方便。下面一款呢是 pass intensions, 当你引入一些新的文件的时候,他会给你自动提醒,比如说 important, 对吧?然后这个时候呢,你点点,这个时候他会给你自动提示,你说我要引入一张图片,就会很方便的给你提醒。那再下面一个呢,这个插件是由官方 推荐安装的一个插件,以前有一也有一个 view 二版本的,现在升级了,升级成 view 三的插件版本了,这个也不用大家多说了,写 view b 装啊, 语法高量呀,然后语法提示,然后下面一个 will helper, 它呢跟这个 villa 这个插件呢,有点类似,只不过它会有更多的 语语语法的支持,写起来会更方便一些。那上面几款呢,就是我平时在项目当中用到的这些 view 插件,会非常好用,大家也可以尝试一下。
粉丝2.5万获赞31.7万

vs code 非常实用的插件推荐,看看还有哪些插件你还不知道? live server 安装后,点击最下面的 golife, 一键启动本地服务器,启动后修改代码页面能够实时更新。 open in browser, 一键打开浏览器,可以右键直接点击它,也可以使用快捷键。 alt 加 b partial diff 提供部分文本内容的比较, 先选中要比较的部分,点击右键后选择 select text for compare, 再选中另一个要比较的部分,点击右键后选择 compare text with previous selection, 就可以看到比较的结果了。 code runner 可以一键运行 c, c 加加 java, j, s, p, h, p, python 等等编程语言。 打开代码后,直接点击右上角的运行按钮就可以运行代码。 teddy tree 用来标记代办事项,在代码中添加后,在侧边栏就能看到所有的代办事项, 点击能定位到代码中相应位置,十分实用方便。 polo code 可以快速生成漂亮的代码截图,选中代码 control 加 c, 再 control 加 v, 就能生成截图。

我们后面要写正式的商业项目,所以前面那种用浏览器和记事本的编辑方式就不行了,我们要有正式的软件和环境,这一切我主要讲一下 vs code 的安装和使用,以及 note、 zs 和 get 的安装。 好,我们来到浏览器这边,打开这个网址,可以用 vsc 点 midol 这一点 com 跳转到这里, 这个网址就是我总结的一些我们必修阶段需要的一些软件和环境。然后浏览器的话安装很简单,所以就略过,你们这边尽量用 a 值,用不了的用可用,我这边都有链接去下载安装就可以直接使用。 然后下面我先讲云环境,云环境就是在厂商服务器上的环境,当你的电脑配置不行,或者说你自己安 装有问题的时候,那么你就直接使用云环境,云环境会默认配置好所有东西,我们直接使用就行。来这里我们先看 colod studio, 这个是腾讯云的, 点击登录,注册后可以直接用微信登录。进来之后我们看下面这个新建工作空间,点击新建第一个 on one, 他就会包含所有的语言和环境, 然后我们给他命名二一零一,选择仓库为空,然后创建,创建好后双击进入,等待一下就会进入。 我们先把模板关掉,然后左边这个就是文件夹栏,右边是欢迎页,我们先关掉,点左边新建一个文件,命名为 ext, 点 html 可以看到创建了一个 html 文件,输入 html 有自动提示,选择这个 htm 五,点击后就会自动补成一个空的模板。 我们先写一个 h 一标签,然后为了在他这里面能看到这个网页效果,我们来这边的插件市场拓展安装插件,这边选择 live, 可以看到有一个 live preview 插件,点这个安装,呃,他这个有一点问题,就是不会实时改变,所以我们退出一下再进来, 然后右键就可以看到这个来无 preview 选项数,就是展示,点击后右边会出现提示,点这个三千端口信息,打开内置预览, 可以看到这个网页出现了,我们修改文字之后刷新一下,可以发现它实时的修改 好这个 live preview 插件,他会帮助我们在云环境上起一个网站服务,然后看到网页,我们也可以在这边创建一个新的 htm 文件,用同样的方式给他输入模板, 写个 h 一标签,输入我是第二页, 再回到 index 首页这边输入 a, 创建一个 a 标签,把他的网址改成第二页的地址,输入前往第二页, 在预览这边刷新一下可以看到这个链接标签,点一下前往可以看到 跳转到第二页了,这就是两个网页之间的跳转。然后还有一个是可乐的 id, 这个是阿里云的,用阿里的账户登录之后也可以创建新的空间,这边我就先提前创建了一个, 这边的扩展是 live silver, 前面那个在阿林不能用,但这两种插件效果是一样的。安装后点右下角这个 go live, 它会自动打开五千五百端口, 这个单口是什么呢?比如说 ip 地址是你的小区,那么单口就是你小区的门,北门、南门这样, 这样每个端口代表一个门,所有的网络请求会从这个端口中进来,出去可以看到这边也是一样,实时修改后刷新这个网页,这个域名是云环境给的,可以暂时。 另外这两个是国外的,英语和网络不好不要看,有需求的同学自行选择。 下面是主要的问题,就是很多同学下载 vs 扣的下载不下来,因为网速很慢,国外的地址,然后我这边就用了加速连接。你可以先选择你的电脑版本,然后点击这边匹配你电脑的版本,然后你就可以看到他这个下载速度非常快。 下载下来之后打开点击,我同意,然后勾选这个全部,然后再下一步,下一步安装,安装好后直接完成运行就可以。刚进 来的时候很多同学说全是英文,看不懂,其实你只要稍微等三秒钟,右下角就会出现这个安装语言包提示,并显示语言更改为中文简体,你点安装并重启就可以了,重启之后看到已经是中文。 另外在这边点击插件市场也可以看到这个中文插件,我们先卸载掉,假如说你没有看到右下角那个提示,那么你可以来这边插件市场,然后搜索 chinese 中文,然后点击安装,重启一下就可以看到中文了。 visco 的左边依然是文件夹栏,我们点打开文件夹,可以选择桌面文件夹,当然你们也可以选择其他文件夹。我这边为了显示方便,就用桌面点开后 勾选这个信任,这个暂时不用管,也不用理解,勾选就行。可以看到左边已经是打开了桌面文件夹,这里面有我们桌面上的所有文件 index 点 s t m, 在这边是我们前面写的那些东西,然后我们再来安装一下插件,让使用更方便, 可以按照我列的这个目录去搜索安装。首先安装 preter 代码美化插件, 这个插件的作用就是会格式化美化你的代码。我们写代码的时候要有空格,要有换行之类的, 我们自己写的时候如果一直按空格按回车太麻烦了,对吧?所以我们要用这个插一键,让他帮我们自动格式化。在文件夹中右键可以配置默认的格式,选择格式化文档。 如果我们用自带的格式化功能,他会格式化成这样子,我觉得这个自带的 htm 格式比较难看,然后用这个 party 插件他就更好看一点。 然后安装一个翻译插件 wsen translate, 这个插件呢是我昨天找到的一个神器,它有一个翻译悬浮功能,也有两个快捷键,我们看一下 就是双击一个单词选中,然后把鼠标移上去,就可以看到上面出现的中文翻译,换一个 单词也出现了翻译宽度,对吧?这个就非常非常方便,大部分的代码其实都非常简单,只不过是我们看不懂英语罢了。所以的话有了这个翻译插件, 我们就可以看懂代码。然后他有两个快捷键,一个是 l 特加 t, 可以自行输入中文,然后翻译成英文,也可以用 l 特加 w 把选中的单词翻译成中文。 还有一个比较常用的功能是搜索跳转,这个功能是什么呢?就是我们碰上一些东西不会的时候就要去搜索,对吧?但是每次复制粘贴太麻烦了。 这个插件安装之后就可以一键跳转到搜索,我们这里安装,然后回到页面,选择一个单词,右键可以看到它上面有个 sexy online, 就是在线搜索的意思,默认是用谷歌搜索,但是谷歌大部分人上不去,所以要选这个 switch 换到这个病,推荐大家以后用病搜索,然后就可以看到直接跳转到搜索页面,不用复制粘贴,非常方便。 还有一个传斯类唐恩赖自动打开翻译网站也是比较方便, 但是我们有了那个悬浮翻译就不怎么会用这个,我们因为刚安装他这个插件有点问题,需要重启一下,按 f 一输入 restart, 选择插件速度重启可以重启, 然后点这个设置小图标就可以打开这个插件的设置。我们这边把他的默认翻译情改成 并。然后还有一个配置是显示在状态栏,勾选后翻译会在最底下的状态栏显示,比如说我们现在双击单词之后,可以看到右下角出现了翻译,这个也是比较方便,但是有点乱糟糟的,所以我还是把它去掉。有需要的同学可以打开, 所有插件的自定义设置都是这样的,点那个设置小图标,然后还有一个来 preview, 就是我们前面语文环境刚刚使用过的,在本地更好用。 搜索之后安装插件,它相当于给本地起一个网站服务器。以前我们打开网页,其实不是服务器打开,是用文件系统打开,然后这个打开之后可以看到是用使用服务器去打开 这里幺二七点零点,零点一是我们本地网络的 ip 地址,然后这个网站服务器在三千端口上,端口呢?还是那句话,就是相当于小区的门,所有流量都要从不同的门里进来,出去 有八零端口,有四四三端口,有六千端口,有五千端口,有三千端口,这样都可以。 然后再安装一个 vs code icons 插件,这个东西就是美化我们的文件的小图标,可以看到我们这边的小图标就变成了这样美化的啊,但是我觉得其实也没有,所以我就卸载了,你们需要的可以自行安装。 除了功能插件,还有一些主题插件,比如我们可以搜索 theme, 会出现主题插件,按 fe 输入主题,可以打开主题的设置,他这边 有很多内置的默认主题,比如说如果你喜欢浅色,那你可以选择浅色,如果你喜欢红色,可以选择红色,但还有很多其他的颜色,你们可以按照自己的个性,自己的喜好去配置,然后搜索出来,有很多主题,你们都可以去查看它,然后安装使用, 比如你看这个 atom 就是这样。 还有 winter is coming, 叮咚将至, 还有这个 material 主题,反正各种各样的漂亮主题,你们喜欢哪一个就用哪一个,这个是看你个人喜好的,随便都可以。 ok, 大概就是这样。然后插件的话,我这 暂时说这几个。再就是一些小配置, 怎么配置呢?就是点文件,点首选项,点设置,然后就会打开这个 vs code 的设置页面,我们先把 auto sale 打开,它会自动保存,当我们写完代码后,让它自动保存,就不用按 ctrl 加 s 了。下面是 fun size 字体设置大小, 可以看到这边显示字体会变大,这个就看你自己的喜好设置了。 还有一个是 for my town see you, 公选之后,保存文件的同时会自动格式化代码,你按保存它就会自动美化你的代码,不用你每次都右键去 点击格式化,很方便。 由我们这边来试一下。先写一个 d 五标签,可以看到 ctrl s 保存后,他会直接换行,而不用我们去敲回车。 然后再写一个 p 表现,他和前面一样, ctrl 加 s 保存后他会自动换行,不用我们再按回车,这样你就很方便。 然后再设置一下默认的格式化插件,我们选择 preteer 就行, 然后再设置一个林可以迪厅勾选 之后他会有什么效果呢?比如我们写的这个 p 标签,他前后两个开始和结尾,有时候我们写完前面的标签就忘了改,后面会出错,有这个之后我们改前面,他就会自动把后面的标签也改掉,这个写 html 的时候非常方便。 还有一个问题就是新版的 vs code 会对容易造成误会的标点符号进行提醒,比如说我们中文的分号和逗号等。 出现这个黄色的小框,如果你想去掉它,那么鼠标移动到上面,然后点调整禁运就行。 好,说完了 vs code, 再说一下安装这个 no 的 gs, 它是运行加挖 scrap 的后端框架,我们 进来这个链接之后,可以根据你的电脑选择不同的安装包,我这边就选择我的电脑是六十四位,然后点击打开,哦对,我这边因为原先已经有,所以的话这边是不男装更低版本, 我们也可以去 no 的 gs 官网去下载,这边搜索 no 的 gs 就会有这个官网,这边可以下载两个版本,我推荐你们下载那个 lts 的小版本,因为像这个最新的,他有时候会有一些不稳定的情况。 然后我们这边下载下来之后,点击我接受,再一直点 next 就可以一路下一步,然后点 install 就行,我这边就取消了,因为我有你。安装好后记得重启一下电脑,然后再安装这个 gate。 get 的话是版本管理系统,我们以后写代码需要版本管理是需要安装这个的。好,进来之后还是按照你的电脑是三十二位还是六十四位去安装一下,如果你实在不知道是什么,那你就安装三十二位也是可以的, 因为六十四他可以兼容。算上好像下载太慢了,我就不下载了,你们慢慢等。重启完之后回来这边点击新建终端,可以打开这个中端框,然后输入 no 的杠 v, 他会出现一个版本号,就是说明 no 的 gs 下好了。 其实云环境那边的配置和本地差不多,云环境基本上都是基于 vs 扣的做的,我们来这里搜索 party 插件,然后点击安装。这边的话安装会慢一点,但有些插件不兼容,比如说这个翻译插件在云环境就没有, 可以找个别的反应插件,比如这个也不影响使用。如果你电脑不行,或者说不想安装或者安装出错,一律建议使用零环境,哪怕他有些插件不能用,但足够你个人使用了,稍微有一点不方便而已。 我再来讲一下 vs 扣的的文件系统,左边这里相当于一个文件夹,我们这边创建一个文件之后,可以看到桌面上也自动会出现文件,大家懂了没?然后我们在编辑器中把这个文件内容改变之后, 回到桌面用记事本打开那个文件,可以看到他会出现一样的代码,就是说你在这边所做的所有修改都是会同步到我们这个文件夹里面的啊,相当于高级的记事本嘛。 我们也可以创建一个文件夹,同时看到桌面上也出现了文件夹,还可以拖动把原先的这个文件移动到文件夹里面,所以有这个文件系统后,我们就不用再切过来切过去设置各种文件了。 另外再创建一个 a 点 txt, 说明他不仅仅可以编辑 stm 文件,其他的所有格式文件都可以编辑,我们用文件管理器打开后也可以看到出现了, 然后我们在文件管理器上新建文件,可以看到 vs code 中也会同步显示新建的文件。 还有一个就是切换文件夹功能,比如说我们现在不想用这个文件夹的文件了,我们就选择另一个文件夹,这边我打开一个新的文件夹,就会出现新的目录,这个就是我们前面放图片的那个文件夹,然后也可以回到这个桌面。 另外还可以新建窗口打开第二个 vs code, 在这个多项目写的时候会比较常见,有不同的 vs code 窗口写不同的项目,同时在他们之间来回切换。 也可以在一个窗口中打开两个工作区,一个工作区其实就可以理解为一个文件夹, 可以看到这边的工作区里面同时出现的桌面文件夹和那个视力文件夹,两个都可以同时使用,就可以把第二个窗口给关掉了,这样的话在一些情况下比较方便。我们也可以把这个文件夹从工作区删掉,不是实际删除 好,删掉之后再打开装备文件夹回来,然后点一下文件,打开编辑器。我们现在来说一下几个常用的快捷键, 平常写代码的时候会比较常用,首先是 ctrl 加 d 会选 选择下一个相同的字符,就是当你选择一个单词之后,按一下 ctrl 加 d, 他会同时选择下一个,然后一直按会一直选,比如说我们这里按了三下就会选择四个相同的 p 标签,我们改他的话会同时改四个地方,这样的话非常的方便。 再就是按住 alt, 再按一下鼠标左键就会添加一个光标,也可以添加多个,多个光标同时添加之后我们输入文字,他会同时改变多个地方,这个功能也是非常方便。 ctrl 加 s 保存之后, ctrl 加 z 是撤销。然后还有一个是复制一行,我们可以用 alt 加 shift 加上下 下键就可以快速的把一行代码复制到上面,或者是复制到下面,我们用 ctrl 加 c 复制,还要回车之后调整位置,在 ctrl 加为粘贴,这样比较麻烦,但是我们有了这个快捷键之后,按一下就会复制一行,比较方便。 接着是查找 ctrl 加 f, 当你一个文件中的内容比较多的时候,我们想找一个字符找不到,就会用这个 ctrl 加 f 查找, 然后输入字符就可以拉开这个小箭头是替换,我们可以把查找到的东西按一下替换,替换掉我们需要替代的字符,然后右边是全部替换, 左边是单独替换,意思也就是字面意思点一下单独替换,可以替换一个单词,点一下替换,全部可以全部替换。 再然后是全局搜索,点左边这个搜索图标就可以搜索我们打开的工作区里面的所有文件的字符。比如说我们现在有两个 html 文件,输入搜索 html 的时候可以搜索到这两个文件家中的字符,我们点开之后可以看到一个是在 index 里面,一个是在 hi 里面, 这个全局搜索比较适合在多个文件中搜索东西。然后说完这个之后,我们再来看一下布局。 vs q 的很方便的一个功能就是可以分开创客, 比如说把一个文件放在两个窗口,这样的话适合在同一个文件的同时查看,两个部分 也可以适用于多个文件的同时使用。比如说我们这里先演示把上面这个抬头复制一下,然后在最下面粘贴进来,或者在右边的话中间也粘贴一下,可以看到 可以同时看到上中下三个部位,写的时候就很方便。你也可以用这边的布置设置,把它设置成两栏四栏,然后可以看到有四个部分都可以同时编辑, 然后外观这边还有很多东西,他们有不同的作用,你用的时候可以自行尝试,当然也可以不动,我的建议是不要动,前期的话不要折腾这些东西,因为他默认的就很好了,我们只需要知道怎么把他这个窗口 拆分什么的就行,然后选择这边还有一些常用的快捷键的按钮,也可以用这边的鼠标点击使用, 再回到这边首选项有个键盘快捷方式,这个页面里面就是所有的快捷键,你们以后如果想要什么快捷键都可以在这边搜索到查看到,也可以去修改,双击他的这个键绑定,然后输入你想绑定的快捷键就可以。 然后如果你不想改或者是冲突了,就可以再去把右键重置,按键绑定会恢复到原来的状态。这个的话先不用看,我只是说一下,哦对,还有一个帮助,比如说你们不会的时候可以点这个帮助开始,然后 在这边有他的一个小教程,也可以看一下他这个小教程,教你们学会更好的使用 vs 酷的。再接着我们按 f 一打开这个设置选项,我们可以看到有不同的设置,这里面有非常多的设置,直接输入功能的字符就可以搜索。 我们这边打开 live preview, 可以看到是乱码,因为我们这个文件夹是中文的,他这个插件不识别中文,所以我们以后写文件夹写文件名尽量要使用英文,因为中文在这方面确实支持不好,我们改成英文之后他就可以正常显示了。 最后我们把这些不用的可以删除掉,右键删除到回收站就行。好,那么本期到这里,本期的作业就是配置好你的环境,然后好好练一练所有的快捷键使用之类的东西。 下期我再补充一个用四 ss 写真实项目的案例,帮大家解决 css 的疑惑,拜拜。

大家好啊,上一期呢,我们介绍了一些在 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 文件,你想用本地服务器跑一下,那你这个时候 用它会非常方便。以上十款插件呢,是我经常在项目当中使用且真的很好用的几款插件,大家也可以在自己的项目当中实际使用一下。

一般安装哪些插件?说一下。我的插件安装不多,你要是咱们学员的话,你在群里边问一下,估计比我的插件多。我的插件不多啊,我的插件很少。这个是一个正则的啊,有的时候一些正则我不会写了,我就从这里面查一查。呃,这个是从一名标签的。 这个东西不管它啊,这是一个书签儿。这 c 加加不管它啊,这个 c 的 不管它。这个东西好用啊, code runner, 它是用来直接运行代码的啊,就在 vs code 里边直接运行代码。 呃,这是一个画图的工具,下边是一些 english link, 这也是个画图工具。这就是经常同学问那个 ai 工具啊,我用的是 compiles。 这是一个图片的预览啊,预览图的,在 vsco 里边可以预览图片的表格里写个一比九元素是吧?给他一个 s r c 地址,那么指着这个地址呢,就预览图片。这是类似的一个自动提示的插件,这是一个路径自动提示的 creator, 应该都知道吧。这个是 project manager, 这个是可以把你当前的工程啊,相当于是进行收藏啊,放到相当一个收藏夹。这个是一个正折的预览,这是可以在 vs code 的 里边远程打开这个 github 的 仓库的。这个呢,是当时我教同学们那个网络的时候用的一个插件啊,主要是 在 vs code 的 里边进行一些。呃,翻译的啊,比如 s code 里边进行一些翻译成 css 啊,主要是教学用的。这个东西生态环境开发的时候一般很少用。 呃,这是那个 vtes 啊,有一期搞的一个测试框架,没啥了,你看我就没了。这是样配置文件的,这是那个 c s 原子化的,原子化提示的没了。我都用的很少啊,我插件很少。



今天给大家分享一个用 vsco 的开发工具,不得不装的一个 get, 一个插件 get 认识这个插件之所以非常好用,把鼠标放到 某一行代码,他会给你提示出来这个代码是谁,什么时候提交的,大概修改了什么东西,也可以看每一次提交他提交了哪几个文件, 鼠标放上去这个这个是作者,这个是提交时间,这个是交了的时候他的卡面的信息。如果你是新增的代码,你鼠标放上去,他也会给你提示就这个代码还没有进行任何的提交这个工具。比如说在团队协作的时候,我们可能会 接受别人写的代码,那么我们可以针对我修改的这个文件,我鼠标放到对应的这个代码上,我能清晰的知道 当时的这个提交人的信息,包括他提交所添加的一些卡密的信息,对于我维护代码,修改代码是非常友好的。如果你们有其他的好用的插件,可以评论区留言。

当我们使用 stm 三二制作一个代码量很大的项目的时候,特别是我们还在使用 q 翻译的时候,我们会发现 q 翻译的速度都快赶上 fpa 了,翻译也是好长时间,而且在 q 上敲代码也是会经常在自动输入卡一段时间,并且没有 ai 辅助写代码的加持。以上痛点 vsco 的 上的 eid 完美解决,翻译速度更快,甚至秒翻译,下载也是秒下载, 同时还能享受一键 tab 写代码。今天主播来带大家走完大致安装使用流程。首先我们在商店搜索 eid 一, 然后点击安装,安装好后我们在商店打开设置,需要去把 q 五的一些路径加上,主要添加几个,第一个是 q 五编辑器的安装目录, 我们回到 q 五的路径 r 文件夹下的 a r m c c 一 般就是我们的五编辑器了,复制粘贴放置到第一个目录,然后同理第二个 arm clans 是 我们的六编辑器,也是一样,把路径复制到我们的第二个框中,然后最后一个是 q 编辑器的目录,一般是在 u v 四的目录下, 然后把这个路径复制到 vs code 离第三个这个路径里,记得还要再后续加上应用 u v 四点 h h。 对于新建好的工程,主播还是喜欢先在 q 编辑成功后再回 id, 一 调整把烧录完自动运行开启后 我们编辑并且回到 id, 然后我们点击导入项目 m d k a r m 一 次导入工程,把我们的 q 文件导入, 听说佳立创的多层 pcb 上新了盲埋孔工艺,多层 pcb 就 选佳立创,点击确认工作区,共享同一个文件夹,然后确认切换工作区,打开我们的插件,等待加载工程导入。然后我们依次浏览工程文件夹 下面的芯片支持包可以不添加。然后是我们的构建编辑器选项,因为我们等下使用 print 会使用到微软库,这里是内存区。然后我们选择上路选项, open c d 比较通用,其实选 c link 也可以。然后我们点击编辑, 可以感觉到即使是初次编辑速度也是比 q 快 上很多。然后我们来添加 hello world d 程序, ai 自动输入的功能也是比 qio 纯手敲要好很多。有时候我们鼠标点击在那里,下面就会显示我们可能想要打出的内容,用 eid 一 编程很容易把 type 键按冒烟,最后再敲一下显示内容, 然后再改一下常用波特率。突然想起来微软酷没有打开,这样的话我们的 print 重定义会失效。点击编辑 id 还有个好处就是自带串口助手,方便我们调试。然后再点击下载,看见打印的内容也知道我们的程序也是成功烧录了。

推荐大家一个 vs 扣的美化插件,大家在这里输入 icon 之后会得到两个主题包。第一下,下面这个是默认的 vs 扣的主题包,上面这个什么 t r v r icon, 我 觉得这个是最好看的,大家可以看他默认的样子。这首先是他默认的样子,不能说他丑吧,但也跟好看的没啥关系。 大家可以试一下切换到这个吗? t r 点赞啊,我深笑一下,大家可以看到,我感觉这个是好看很多,它的颜色更多了,它这种文件夹的样子也更好看, 我推荐大家试一下,有的时候这个样子好看点,你写代码的心情也会更好。下面还有挺多的主题的,大家可以自己试一下,但我觉得这个这种骨骼风格的 t r 最最合适的。

最近有人问到一些 disco 插件,那我就给大家推荐几款吧。 lit server 是前端开发入门必备的一个插件,点击鼠标右键即可跳转浏览器进行查看。 由于 misco 的本身不支持嵌套注射,我们可以通过 h t m l comment 插件来实现。快捷键 c t r l 加 shift 加即可嵌套注视。 image creed look, 它可以实现在项目查看本地图片文件,支持 svg 格式输入,移入图片链接可查看大图, 并且在 gs 和 css 中同样有效。 powermode, 它可以生成多种打字特效,我目前打字带火的特效就是使用了这个插件。插件下载完成后需要自行配置,它还可以实现这样的效果, 大家可以去某度上复制相关的配置代码 auto rename text, 不管修改开始或闭合标签, 该插件都可以自动同步修改,支持同步 h t m l 和 x m l 标签。想要使用国内版本的 check g p t 搜索 check g p t 安装,然后点击活动栏 g p t 图标即可开启聊天功能。无需登录和使用魔法工具。 view helper 可以给 view 代码进行代码提示。按下 c t r l 键,点击即可跳转查看该组件原代码。点击即可跳转查看该组件原代码。 鼠标一入组建代码快,会有一些对应属性和参数提示,在使用 fm 组建时,他也可以自动生成组建视力代码。