discuz插件开发新手入门超详细

discos 插件置物云采集大家好，现在我演示一下置物云采集，这个插件安装了 discos 最新版之后，在插件获取空投插件，这里你点击一下，然后这里搜索置物云采集， 这边点击安装， 然后启用，这样就已经安装好了，这里是获取最新内容，大家可以看一下他这里内容都是很新的，全部都是当天的内容，这边一共可以采集几十个网站，大家可以看一下， 基本上国内比较主流的网站这边都可以采集得到，这里随便点击一下他就可以发布了。 图片也是本地发存出的，大家可以看一下它这个图片的路径都是本地发存出的，像一些评论也是可以采集得到的。 这里是当天比较热门的内容，大家可以看一下这些都是当天很热门的内容，这里他就可以通过关键词去搜索，比如说我就搜索这个养生， 一共采集了二十四条，这个二十四条都是最近的内容，是比较新一点的，点击一下就可以发布了， 这里也可以自动采集，你要开启自动采集，这边就要点击开启它，然后这里就可以采集，就可以通过设置关键词来去自动采集你需要的内容，这里你可以随便设置，又发布到哪个论坛板块，哪个门户或者是群主都可以， 这个是自动采取自动发布，这些是内容管理，那些带发布的内容，已发布的内容，或者是一键发布所有内容都可以， 这个是可以批量采集，批量发布的。微原创，微原创其实就是通过同意词去替换它，如果非必要，我建议还是不要启用它，因为启用了微原创之后会干扰到用户的阅读，这边点击一下它就把微原创的词库就自动导入进来了， 他这里就是同意词替换，比如说把做事替换成办事，做对替换成尴尬刁难，他就是这样子的。同意词替替换，这里就是马甲用户，如果你要发布很多内容，每天内容都想用不同的用户去发布出去，那你就可以通过这个马甲用户的功能来去实现， 也是轻松。点击一下就可以注册很多马甲了，看一下现这些马甲就已经注册出来了，邮箱、用户名、密码、头像全部都有，这个是很方便的，现在我就随便发布一篇内容， 大家看一下，这边就有很多这些刚才注册的马甲用户，大家看一下，这个就是我刚刚注册的马甲用户，他是用这个马甲用户去发布内容的。好的，这款字母云插线就介绍完了，大家如果有兴趣的话可以自己去，就是开始应用中心这里去下载安装这款插件， 这里也是有离线安装包，如果说你不方便在线下载安装，你可以用这个离线安装包。感谢大家的观看，谢谢你。

好，现在有个小伙伴问我有没有 dj 论坛的局部插件，然后我这两天找了一下，然后找了一些野马修微修改了一下，然后就变成现在我们正在可以使用的这个这个插件。 嗯，我们看一下这个后台是这个样子的，然后我们再看一下前台， 前台这是我随便搭的一个啊，就是随便做测试用的，然后我们点一下这个会员购买， 他可以支持自己设置这个会员的时间啊，价格呀，还有名称都可以自己修改，然后还有积分通知， 可以充值，贡献金钱，微网都可以，然后还有可以设置充值多少送多少， 然后我们先随便测试一个，点击立即充值， 然后点击支付，然后他就跳转到支付的这个扫码页面了。 今天的网速有点差，我加载的有点慢， 退回去，然后也可以用这个除了珠宝还可以用这个微信， 然后还有这个 usdt， 这个是面向海外的哈， 然后还有这个哦，充值记录 可以，就是查看我们有充值过没有，或者充值了多少钱，他里面都会有记录，然后还有用户组一个切换，呃，因为我这个是没有那什么， 因为我这是管理员的，我就不不那啥，不就不不不测试这个，买这个用户者，我如果我买了完，我给 一个店，我那个后来就进不去了，我就先先看到，呃，前台，就先看到这里，然后我们看一下这个怎么安装啊？ 这个是我这个网站的后台，那个宝塔，宝塔后台啊，然后首先我们要上传文件，我们先看一下我们下载下来的， 今天这个好卡下载下来的就是这个这个，然后我们把一里面的这两个放到网站的根部录， 然后我们点击上传，因为我之前就是已经上传过了，不过直接覆盖掉没关系。 然后我们再看第二个，第二个他是把里面的插件直接放到插件上落， 找一下插件陌路， 然后再找到这个插件 plugi， 这是插件模，然后把我们需要的给他上传上去， 然后点开，点开，然后这个我们就是自己自己压缩一下就好了， 这个文件很小，今天的电脑特别卡，然后我们把这个鬼脸的压缩文件 卡的我有点受不了了， 上传成功，然后我们找一下这个，然后把它解压， 因为我之前就已经安装过啊，所以说我这个后台可能没什么变化， 如果说像这个刚开始安装的话，就他都是关闭状态的，我们先把它关闭， 就是说他如果是正常的安装完的话，他就是这个样子，他有三个，一个是购买邀请码的，一个是开通 vip 的，还有一个是积分充值的，然后我们再挨个启用一下 请求做了 把马甲给修了， 这个插件一起用。行，然后我们找到左面这个看一下，打开它，然后里面有设置，然后这个需要输入对接 id， 对接 id 的话我们就找到， 如果没有注册的可以注册一下，然后我今天就直接登录了， 就用他的， 然后我们在个人资料 a p i 里面就能找到 到这个，找到这个 id 啊，这个的话你是不用填这个这个接口地址的，这款插件已经内置了的。嗯，直接找到这个 这个 id， 把这个 id 和这个 k u i 填一下，然后下面保存， 然后是另外一个插件，然后这个插件就这样，这个是注册邀请，邀请注册的这一块， 哦对，还有他下面这里有一个连接位置，我们这个邀请码他一般的话是在注册页面， 然后下一个是开通 vip 的， vip 的和那个邀请码的注册的那个参数基本都一样，就是一个 vid， 一个 key， 然后其他的基本上就是默认的，这个基本上都不用填的， 然后是这个这样，这个一般情况下是他可能默认是佛系，正常啊，但是我们可以选择这个摘死顺风， 然后其他的基本上都不用动，然后是这个积分充值，积分充值也是一样的，然后他有一个卡密充值，每天限制次数， 然后看一下下下面这些基本上是都不用，就是修改， 然后下面是这个短信的，短信的这个想必一般的个人站长应该都用不大到， 然后其他的基本上就没了，主要就是今天这款插件主要是 他是就是不需要，就是填写那个 api 了， api 的话都是已经内置好了的，然后他只能用在这个， 只能和和最佳支付对接，然后其他的如呃就是想要这款插件的话，我会把它放到下面的评论区， 好了，今天就到这里，这个电脑真的是卡死了，我有点受不了。好嘞，那个大家再见啊。

今天继续来讲签到这个应用，这个应用的作者他之前也做了很多的更新了，特别是在九月份的时候呢，他把这个模板呢改成了 就是模板原本是放在 guitar 上面的，后来呢他现在是把它改为到这个国内的地体上面的，所以现在应该就不会出现说获取不到这个公共模板的问题了。然后大家如果在这个使用的过程中呢，出现有什么问题的话，建议还是去他这个 guitar 上面问的， 你在这里发一个一宿，如果坐着看到他知道的话，他会回复你的，我发现这个坐着回复的还是挺平凡的。那么今天继续要讲的还是制作这个签到的模板，那今天制作的模板呢是这个 网站上面，他点击一下，然后会出现一个给你签到的页面，然后这个签到的页面呢他还会有一些让你选择一下心情，然后这里呢还会提交一些文字上去的，就是这整个过程中要怎么把它录制下来，然后制作成一个模板，让他就是以后可以重复的使用了。 那么首先就你准备一个没有签到的账号登录在这里，然后呢从这里开始打开 f 十二，然后选到这个 network 这里，那么就从现在开始录制了，首先呢就刷新一下页面， 刷新之后开始点击签到，跟平时正常的签到是一样的，点击签到这里会提交文字，然后就签到成功了，这整个过程，这样就录制下来了，他的记录的都 保存在右边这里，然后那么现在我要把这右边的这整个过程呢，把它导出来，导出来为一个 har 的文件，刚才我保存了一个了，所以这里改个名字， 然后现在回到这个签到这个应用这里呢，现在把刚才保存好的这个 har 文件上传上来，然后接下来要对这个保存的文件进行分析， 进来之后可能看到只有一个可以点击左边这里，这里有七十个，但是里面很多都是图片，你看这里图片是占了四十六个，所以我们只需要挑选 里面有些内容就可以了，其中最重要的就是因为我们是签到，签到的时候其实我们是有发送一些数据过去的过去服务器那里，而你如果有观察的话，你会发现这里全部都是 get， 而其中呢有一个是 post， 那么最重要的就是这一个，这一个就是用来把我们的数据呢提交到服务器，实现这个签到的过程。那么首先需要选中他，然后另外还要选中的就是第一个，第一个就是我们刚才刷新的时候这这个请求， 所以说我们现在就选中了刷新页面这个请求，还有签到这个请求，那么签到好之后呢，我们其实他这个网页还是刷新的一侧了才会显示呢，你签到成功后就是获得了什么奖励之类的， 看到就是第二页的第一个，所以现在勾选上这三个应该就可以了。然后拿到最上面这里会有一个已选择请求，只要勾选这个就显示直显示现在我们选择的三个，接着要对这三个网页呢进行分析。那这个 三个网页首先我们来看第一个，第一个呢他其实就是我们刚才刚开始进入那个网站的页面，那么在这个页面呢，我们可以点击测试， 现在说未登录是因为我们没有勾选这个酷奇，如果现在勾选这个酷奇的话，就会记录我们刚才登录的状态，就可以看到呢，现在就是可以看到这个签到的页面了，那么在这个页面证明我们访问成功了， 那第二个是干什么呢？点进来我们往下滑就可以看到这些信息，这句文字呢就是我们刚才签到的时候提交过去的文字，签到的主要请求就是在这第二个页面这里， 而他这个页面中包含了我们要提交的信息啊，比如说这里的这里的这个三，就是我们刚才选择的 第三个表情，所以他这里有一个三，然后他最重要的一点就是这里有一个封号，如果没有这个的话，其实我们不需要修改这个模板，这样选中这三个页面就好了，但是他有这个，所以就增加了签到的难度，这里待会是重点要讲的。 那么再来看最后一个，最后一个呢，这个其实可以不要，但是有这个的话，我们可以查询到我们签到成功了没有，就是 签到之后，你提交之后有时候是提交不成功的，所以我们要看签到之后再来刷新一下页面，看看你有没有签到成功，就是主要靠这个页面，这个页面我们也同样把这个酷狗选上，然后来点击测试， 可以看到，就是就是会去打开这个页面，那么待会要做的就是从这个页面中查询一下到底有没有签到成功， 回到这个第二个页面，第二个页面的重点就是这个封号，这个封号是这个 disco 是他装有的，他这个值呢是会变的，比如说你今天是这个值，然后如如果说你明天呢依然用这个值去签到的话，他就会说 啊发生错误了，你签到不了，所以呢这个值每天都会变化的，而我们要做的就是找到一个正确的值，然后用它来签到。而这个过程呢就需要用到第一个页面，首先去第一个网页这里， 打开之后呢，他这个网页中会包含这个封号这个值，然后我们就需要通过这个正着表达是找到这个封号时的值，把它保存下来作为一个电量，然后传到这个第二个页面这里，第二个页面这里用它找刚才找到的这个值呢，提交签到就可以了， 那么这个值他在哪里呢？他就藏在网页中，怎么找到呢？我们可以在网页这里通过右键，然后这里有一个查看网页原代码，点击一下 就会打开这一个这样的界面，然后我们在网页云代码中就有这个风哈序，我们可以通过搜索就可以查找到他，那么这个词他是会变化的，所以我们后面这段呢，他固定是八个字符，但是他每天都会变化的，所以 只能通过这个政治表达是来找到这个八个字符。所以现在回到签到这个应用这里呢，需要 来进行这个变量的提取。现在这里的写法呢，就是通过正着表呢，是查找到这里面的八个点，就是代表这个点是通配符的意思，所以呢八个点就是代表八个字符，然后只提取括号里的面的这八个字符，所以呢就查找到了这 一个查找到的这个呢复制给这个封号这个变量，这个变量名，然后现在获取到了这个变量名之后呢，需要就是把这个变量传给第二个网页就可以了， 需要用到的就是在这里这个封号去把它改一下啊，可以看到改为变量之后呢，他这个可以看到很跟其他就就很不一样的，对吧？那么做好这些之后呢，就要跟上一期的视频一样是修改这个酷奇的，这里的酷奇呢我们需要把它取消掉，也是作为一个变量闯进来的。 现在这个模板应该是用制作的差不多了，先保存一下，然后呢换一个账号来测试一下到底能不能用这个模板来进行签到呢？ 在这里切换到一个新的账号，这个账号就还没有签到吗？那现在呢获取这个账号的 cookie 通过 f 十二就可以获取， 在这里点击测试的话，这里就可以让我们填写填这个， 这里显示签到成功。那返回来这个页面刷新一下看看，可以看到就这样一个简单的模板就是可以完成的。那么最后一个网页好像没有用到，这个网页呢就是用来查询一下 你这个签到的状状态怎么样，就是从这这个网页中提取信息，这个网页就跟刚才的那个网页是一样的，那么从这里啊里面要提取的话，我觉得 我觉得应该提取这个以累累计一千到多少天，这个比较有用吧，因为如果你断签的话，就这个天数应该就会变成一才对，所以应该提取这一句 啊，这一步我就这样写了，这样写之后他就会啊提取你这个签到了多少天这个信息险啊，保存在这个日字里面， 这个可以根据自己的需求，如果你觉得没有必要输出这个日子的话，这一步可以不用做的。但是我觉得还是有做，就是输出一下日子，可以反过来观看，查看一下这个签到的结果。 这次来测试的话，他应该就不只是显示签到成功这四个字了，应该还会显示就刚才我们设置的那些日子吗？你已签连续签到多少天呢？ 可以看到就会显示这个了。然后呢，如果我们把它保存下来，保存好这个模板之后呢，给他添加到我们这个每天的任务中呢，那么他就会形成保存，把这些输出的信息保存在日制里面啊，就像我另外做的这个模板，这样他每一次执行成功之后，就会把这个日制呢 保存下来，然后我就可以通过这种这个网页呢来查看一下到底什么时候签到成功了，什么时候失败了，这样有个记录吗？ 像我这里啊，这个任务他执行了六百多次了。那么对于论坛的签到呢，应该就差不多就这些内容而已了，也没有，应该没有更复杂的，嗯，然后有些论坛的差其实没有这么多要求，有些甚至不需要这个封号，所以你只要需要打开浏览器，把你 整个浏览的过程保存下来，然后传到这个迁到这个应用里面，记得把那个 cookie 给改一下就可以了，这样这样一个模板就做好了，所以有些是比较简单的，那么最常用的就是 论坛的这种签到，这种签到就是我今天讲的这个视频的这个过程，你按照这个过程肯定可以做出一个签到的模仿了。因为有些论坛他可能不是用这种签到，他见签到的这个插件呢，他可能有一点改变，但是 基本都是差不多的，用这种方式都是可以做出来的。所以制作这个模板呢，他说难也是不难的，但是你要有这个耐心，因为他有些时候呢发生一些变化，可能你就得 花心思去分析，他到底就是发了哪些请求啊，然后请求的时候带了哪些参数啊，只要用心去分析还是可以找到的，一般都是可以做出来的。

好的，就是上架，上架完了啊，然后呢咱们后面要讲更新，然后呢就是更新的话咱们得有更新内容吧？那刚好咱们之前视频里面预留了一些功能，没有完成。什么功能呢啊？然后呢？呃，一起 来看看在这个位置，在这个位置就是设置这个位置，设置这个位置的话咱们会看到有一个选项是否开启许愿，对吧？ 那顾名思义就是说是许愿开了就能许愿，关闭就不能许愿了，你们看到他是关闭的状态，对吧？但是现在能不能许愿了， 当然是可以许愿的了，也就是说是他没有真实生效，对吧？他没有真实生效，那么呃，接下来的话这个版本的话咱们就要更新到一点一版本了，更新到一点一版本了以后呢啊，就要把这个是否开启许愿墙的这个开关让他真实 实的生效化，对吧？让他真实的生效化。然后首先一个就是说咱们要看到就是咱们要进到这个，呃，就是开发环境里面，看咱们的这个整个这个程序这块啊，怎么把这个就是设置的这个变量值拉回来，好吧？ ok， 咱们进入开发的这个环境了，开发的这个环境里面的话很简单，对吧？很简单，语句很简单，就是这个就是咱们的首页了，对不对？这个咱们首页了 啊，然后呢咱们的这个首页呢？现在有一个问题啊，现在有一个问题，就是说是咱们怎么把设置拉回来呢？看这个语句就是把设置拉回来的， 这个语句的话啊，你们直接写没有用的啊？这个东西是咱们就是我们自己写的函数，我们自己写的函数在这里，在这里就是说是咱们执行的是这个，执行的是这个，看看怎么拉啊？就如果你要 写原声的，你就写个这个东东西就可以了，然后呢这个的话是官方给的这个就是框架， 官方框架给的一个就是指令完了，给了，给了一个代码，完了之后你直接用就可以，直接用的话就可以把设置拉到这个变量里面啊，然后我是在这个变量里面拉了一些什么呢？我是在变量里面把这个就是 呃，咱们的管理员的这个东西拉到这了啊，就是说是因为有些应用他会有有管理员变量吗？我把管理员变量在这里设计了一下，然后然后拉回了一下这个管理员的变量，然后呢在这里面又做了一些其他的一些处理完了之后呢 啊，包括一些这个就是微信的这个地址啊什么的，这些东西都在这里面进行了一些处理啊。嗯，你们如果说是没有这些东西 可以不写这三行，写这一行就搞定了啊。我写这个东西就是为了方便啊，写这个东西就是为了方便，然后接下来返回这里，接下来看的话就是这个音这个这个变量怎么使用？因为之前的视频有讲过啊，咱们在那个就是呃 viter 的前端里面直接写什么呢？直接写 井号是吧？然后他的变量他就出来了，那么这个设置怎么写呢？设置其实就是写这个的， 写这个是井号，然后他就出来了，那那这个变量它里面的值是什么呢？也就是说是他的这个键名是什么东西呢？能钓到这个值呢？啊？然后看看就当然就是看这里了，看这里，对吧？ 是不是啊？啊？把这个是否是否开启许愿这块，对吧？在这个的这个下面，对吧？基本设置 下面的这个变量，对吧？把这个把这个复制出来，这个名称复制出来，对吧？如果说你要写第二个选项的话，你第二个选项肯定跟他不能重名嘛？然后呢？你就这样写就行了，这就是第二个选项，你看这标红了，对不对？ 然后呢？这写个 s 或者写个二，对吧？他就第二个选项，你自己起名字就行了，他可以是各种类型，那么现在的话，咱们只复制他出来，只复制他出来了以后，然后把这个，对吧？这个就是他的设置生不生效了，设置生不生效了，然后呢？ 保存一下，保存一下去哪里？在侧面的这个里面的话，哎呦，我的点错了，打开这个 pc 里面的这个首页，对吧？打开首页了以后，然后呢？嗯，在名称后面，对吧？ 名称后面，然后呢咱们输出一下名称后面，咱们输出一下它，输出一下它，看看它是个什么样的一个这个样子，对吧？咱们把这个网页打开， ok， 接下来的话咱们切到这个页面上来看啊，就是说是你看匿名后面有一个什么呢？零，这个零的状态就是什么呢？就是曲线墙关闭的状态，如果我们把它换到开启， 然后呢再去刷新一下页面看他就换到一了，对不对？然后这个时候呢，我们就可以切回到什么呢？就是等于测试这边就成功了吗？然后我们就可以切回到这个编程的页面，把这个程序改成什么呢？如果关闭许愿墙的话就干什么呢？用户就不能留言了啊？ 嗯， ok， 我们现在切回到这个编程界面了啊，咱们讲的是全 让开发，那自然前端也要自己写，对不对？完了之后呢？这样子的话，把这个，哎呦，打错了，不好意思啊，把这个判断一下，判断 判断咱们现在这个许愿墙开没开启啊，对吧？如果说是他开启了的情况下，他就等于一了吗？然后呢？他就可以进行许愿了，如果说是不开启的话，那他自然就怎么样， 这不显示吗？这个判断的话，大家很熟悉， discus 的模板里面也用的是这个，对不对？然后呢，就是说是判断对不对，是否开启许愿墙，如果是开启许愿墙显示许愿，大家就可以许愿， 如果不想，如果不开启的话，那就没办法许愿，对吧？啊？然后不能许愿，但是名称昵称能不能改呢？ 昵称应该是可以改的，对吧？然后呢，咱们这个程序现在写完了，写完了以后呢？然后咱们去那个页面看一下，判断一下这个成功没，对不对？ ok， 页面再次切到咱们的这个就是软件的这个运行的这个页面啊，现在许愿是可以的， ok 啊， ok， 没有问题。然后接下来的话，咱们把许愿墙关闭，就是说是可以浏览，用户可以浏览，但是什么呢？ 但是不能许愿了？看到没有？许愿按钮不见了，你可以改名字，你叫什么无所谓，对不对啊？完了之后啊，比如说我改名字改完了以后， ok， 对吧？但是你不能发了，为什么呢？那个那个按钮被已经被隐藏掉了，对吧？已经被隐藏掉了，已经不行了啊？已经不行了。然后呢？等于就这个等于就是咱们设置就成功了。设置成功了以后，然后咱们再干什么呢？咱们当然是再次提审了，对不对？咱们再次提审， 对吧？然后把这个返回应用列表，啊，对不对？然后再次干什么呢？再次点击这个咱们的这个许愿强的应用再次进行提审。再次进行提审了以后呢？然后咱们这个东西等于就是相当于是新版本了吗？对不对？为一点一版本，对吧？一会，嗯，要改那个就是 这个，这个这个版本号，对吧？版本号。然后呢？接下来还是咱们的这个应用管理，对吧？应用管理这有个待确认的版本，为什么他是待确认呢？是因为就是你提交了以后，你要确认是否要审核他，对吧？然后呢点击下待确认， 然后呢？接下来更新，对吧？更新内容，更新内容写什么呢？嗯，就是说是，嗯，完善，完善了什么呢？完善了就是咱们的这个后台设置选项 效，对吧？完善后台设置选项生效，把这个完成了，完成了以后，然后咱们进行提闪。 ok， 提审完了以后，这个状态到审核中了以后，咱们这个就这期视频也就结束了，因为这个主要工作完成了吗？下期的话就讲的是什么呢？讲的是提审审过后了之后，咱们就属于更新应用的状态，更新应用怎么去设置，对吧？

ok， 这期视频讲的就是咱们的这个应用啊，就是说是上回已经写了一个新版本嘛，就一点一版本，然后呢怎么去更新它就是更新已经审核已经通过了，对吧？ 提交审核已经通过了，你看这里面有一个通过，有个带上线哎，这个带上线是可以点的啊？已上线带上线，这些都可以点 点一下这个带上线，点完带上线了之后呢，这里有一个新版上架，有一个新版上架，然后这个时候呢和迪斯卡斯不同的这个区别来了，迪斯卡斯那个上架的时候，你是不可以填写版本号什么的，这里不行，这里必须点个编辑，对吧？ 分支版本名称一点一对不对？然后这个时候呢就 ok 了，改成这样就 ok 了啊，其他都不要动啊，就这个后期的话，猴哥他们肯定会把这个东 改掉的，因为这个东西确实不方便啊。然后点击这个新版上架操作完成，看到没有？操作完成了之后，然后呢咱们这个就可以就相当于新版就已经上架了。接下来的话，这里面有一个旧版回滚，就是可以滚到上一个版本，然后呢也可以删除旧版，删除旧版的话就是说是你就没法回滚了吗？ 对不对啊？就这样子的，然后接下来你就永远是一点一以后的版本了，接下来呢还是咱们的这个更新日志，对吧？更新日志写个什么呢？就是点一个可见，然后这个东西他就变成可见的了， 然后呢咱们再点击预览应用主页，对不对？这个时候看咱们的分支版本已经成一点一版本了，完了之后呢，更新日志里面也有了啊？几月几号完善了什么什么东西？接下来的话就是说是呃购买的和以前购买的这个用户就可以从 从这个这个英语中心的后台啊，英语中心的后台来更新咱们的应用了，咱们可以把这个东西切换到用户版本来讲讲一讲就是说是这个，呃，就是许愿强真正使用起来是什么样子的？或者说是咱们现在就可以看看这个许愿强能不能直接 已用户册运行起来，他有没有什么问题进行 bug 调试啊什么的，对吧？然后呢直接进到这里这个同城宠物这个东西也是我的啊， 也是我的这个就是讲的就是这个应用里面就是他的这个，呃，主要功能就是什么呢？主要功能就跟咱们同城找工作同城外卖这个功能是一样的，只不过是同城养宠物的人，咱们用咱们的应用把它聚集在一起啊，是一个同城系列的应用 许愿墙呢，他就是比较自由的，对吧？然后呢咱们点击这个就是立即购买，对吧？立即购买。呃， 立即购买的话完了之后呢，咱们把它放到这个就是放到啊，我把它放到开发手册这个下下面，对吧？结算对不对啊？因为我是这个作者，所以我购买的话完了之后呢，我是不花钱的。然后点击启用 啊，点击启用的话这个地方的话是应用，就是看到这个地方是应用安装失败，应用安装失败肯定是有原因的啊，肯定是有原因的，所以说咱们现在就是说是要调，主要就调试的就是应用安装失败这个 这个功能啊，就不，不是这个功能，就是这个问题啊，不能算是 bug， 或者说是这个问题，他是怎么样去把它这个就是解决掉啊？

有小伙伴咨询说，这个浏览器插件怎么开发？其实插件开发特别简单啊，呃，一个小时你就可以搞一个插件啊，那么其实最核心的就是一个配置文件，那么这个配置文件呢？几行代码我们就可以实现一个插件的一个功能 哎，呃，在此我想说一下，在我做这个项目的过程当中，有好多小伙伴吐槽说，我这个格子周面你就不应该做成网页，对不对？你就应该做成浏览器的插件啊，其实我也知道，那么为什么我一开始要把它做成网页呢？就是因为 我的插件版本也是需要依赖网页版本，那么我有了网页版本以后啊，第一，我网页版本可以先行去运行，去推广，让大家可以去使用，对吧？二、有了网页版本， 我看很快就可以去开发一个插件版本，怎么开发呢？在这个浏览器插件里边啊，他可以去重写啊，浏览器的起始页，或者说浏览器的历史记录页啊，那么我有了我的网页版本，我只需要把它配置成为 啊重写浏览器的七十亿就 ok 了，哈哈，所以说这个 我为什么开始要做这个网页版本的啊？还有如果说你要利用浏览器插件所提供一些 api， 利用浏览器的一些相关的能力，那么我只需要再次技术下，再再去额外去开发一些啊 功能就 ok， 对吧？啊，那么大体上主要的还是跟外部版是同一套代码 啊，所以我起一套代码，我就可以既满足我们的外部版，又满足我的插件版本，这就是我的插件版本为什么能够快速上线的一个原因，那么在呃，明天晚上啊，咱们格子桌面呃就 能够正式恢复啊，那么也在本周内我也争取让我们的科鲁姆插件啊能够上线跟大家见面。

we okay 呃，这期视频呢，我们来讲这个新手教学里面，他就是新手常遇见的一个问题啊。新手常遇见一个问题就是呃， 在咱们应用开发所有的一切都 ok 都就绪了之后，或者说在开发的过程中出现一些奇奇怪怪的问题，比如说应用提审失败 对吧？这个提审环节提审失败呢，他要求你去看这个 configer i n i 这个东西的话，你看了是没有用的啊， 看是没有用的。这个一般情况下都是什么呢？都是咱们在讲新手教学的时候，咱们不是有一个那个 sdk， 然后呢，咱们忘讲了一个东西，叫系统配置啊，这个东西是漏了的啊，现在补给大家就是说是。 呃，在咱们这个应用建立之前呢，应该先做一次系统配置。你在下载完 s d k 部署完了之后，这里的所有的 基本配置啊，包括这个维特 uid， 包括钥匙，所有的东西都是空的，但是你却填不成，填不成怎么办呢？就是填不成的话啊，就是咱们只看上半部分啊。基本配置的部分。下面数据库配置不要看，先不要看，先不讲那个。呃，先讲这个通讯设置。 通讯设置这块是这样子的，点击这个点击这个，就是说是通讯设置了之后， 看到上面弹出来一个新页面，我这里建立很多了啊，建立了很多了。咱们这个如果说是新的开发者上来了后，新的这个就是开发人员上来了以后的话，他是什么东西都没有的，只有一个。这个看叫开发者测试项目， 后面有一个英文列表，有个删除，千万别去点删除，千万别去点删除啊，千万不要不要，就是手一抖把 删除给点了，不要管他啊，不要管他，这个东西有大用。为什么呢啊？点进来看一下。点进来看一下开发者测试项目，这里有个通讯设置。来咱们再看一下其他项目，比如说咱们的这个宠圆玉，我建的项目，看里面有没有通讯设置，是不？没有啊， 只有这一个里面有。你知道吧，你把他删了，你就完犊子了，知道吧，完了之后呢，你要建一个这样的一个通讯设置。完了之后呢，呃，就是 你不是进来的，就是你要进来的话，要看他的通讯设置，然后他里面会有一些这个，呃，所有的这个码，然后呢，你都不用管，你知道吧，你这个东西就这这些码都不用管。因为什么呢？刚才那个地方是不是填不了？填不了怎么办呢？有个配置导出，点一下显示，点一下复制， ok 了。 这个网站地址不需要填。什么情况下需要填呢？就是你要搞一些这个需要在线测试的，完了之后，你把 这个东西部署，你把环境部署到远程服务器上了，这要填，其他地方都不需要填，填完了才需要检测。所以说这啥都不用要管，直接关了就行了。关了以后呢，然后这块怎么办呢？这块点一下，这个点点就是点，点回来知道吧，点回来完了之后，配置点一下导入， 导入一下好了。完了之后，这个就导入成功了啊，就导入成功了。导入成功了以后，然后呢，你再提审，他就不会显示什么提审失败啊，什么这些东西了啊，他就不会显示这个失败啊什么的了，你比如说你再提审什么的，这就 ok 了，知道吧。 啊，这就 ok。 这放到什么开放平台确认去了，然后再一点就又回到这里了。是不是啊，又回到这里了，再确认，我就是不确认，因为这个东西就是给大家说一下这块是怎么回事啊。

今天我们说一下这个阿哥迈普阿德印的开发，阿德印啊就是加载像啊，翻译过来呢，也叫插件。那什么是插件开发呢？ 咱们传统的这应用软件啊，它是开发好，打包好以后，你就不能更改它的功能了， 也就说我做完一个产产品，就好比是一个工具给你以后呢，你就只能自己啊，用我原来做好的这些功能，你就不能往上添加你自己的功能了。 但是呢在现实中呢，往往人们呢啊需求各自不同，比如说在土地利用里面就经常分割地块， 那阿格基斯提供的默认的风格地块的方法呢，虽然是可以做，但是从效率上，从使用习惯上啊等等啊，都不太适合现实需求。 这样的话就产生了有一些用户呢，买回来一些现成的软件以后，需要在上面自己添加一些功能的需求，那么由此呢就产生了叫差价开发的一种模式， 也就是说在官方提供给你的平台上，你可以额外的像插件一样啊，插拔式的插件一样，插上去一个你自己的小模块，而且呢能正常使用，比如说分割面积 啊等等啊，一系列的东西，你可以自己做一个按钮，或者做一个选框，或者做一个绘绘制的一个小笔啊等等，你都可以去做啊， 这样的模式叫插件开发，那他与传统的软件开发相比的话，传统的软件的话，软件整体啊，打包好以后是不能动的，这个刚才咱们说了，嗯，所以呢，它里面主要的程序 使用到的一些资源啊，都是被动的，就说我有一个主要的一个脉络，我主要的这个脉络，这个流程需要用到什么都是事先准备好的，但是在插件时开 法里面呢，他是依赖倒置的，也就是说我主模块不依赖我插件这个子模块，我主模块运行正常运行，不需要这些 后期增进来的这些插件我事先不知道，他没关系，我能正常运行。同样道理，我后面加进来这些插件，这些模块我加进来的时候，只要我遵循了某一个接口的规定， 我进来就能使用主模块里已有的一些的功能。而且呢，我不需要事先让主模块知道我都有哪些东西，也就是一个依赖导致。那这就是插件开发啊，插件开发，那阿格介斯呢 啊，十点零以后，他增加了这种阿德印，阿德印翻译过来叫加宰相，也叫插件，那他支持的语言很多，支持你用点耐的， 包括 c shapa 啊，然后这个 vb 点 nat 啊，扎瓦 pass， 其中扎瓦和嗯点 nat， 也就是 c sharp 或者 vb 点 nat 呢，需要配合 abjectssdk， 以 abjects 的形式去开发， 那拍死你就相对简单一些。拍死的话呢，你就不用额外安装这个 sdk 和 objects 这个库，直接在 augustes top 的基础上用拍死你就可以了， 因为他拍身呢吊用的是阿哥派，阿哥派这些个包呢，事先在你安装阿克基斯带斯 top 的时候，他已经装到你机器上了，但是你如果用点耐的或者扎外去开发呢，需要额外的装阿克基斯 sdk， 那他可以开发哪些类型的插件呢啊，其实类型还是比较多的啊，比如说工具按钮，工具条，组合框菜单，右键菜单啊， 多项的这种工具条，然后这个，嗯，面板可停靠的一个窗口，甚至是一个小的一个应用啊，扩展啊，编辑器的一个扩展，都是可以去开发的。那你想 想要开发这个的话，怎么去搭建他的环境呢？我这里是说以 csif 开发来说，你要安装点 natufled mark， 你要安装 sdk abjectssdk， 也就是 ikobjects 的这个 sdk 包， 然后呢使用一个 vis statu 的二零一零以后的一个版本开发工具。 安装的时候啊，那他这个安装盘里面有 icroftxsdks， 里面你选点耐的芙蓉 moke 这个去安装， 安装完了以后，你在你的威萨斯塔丢里面创建项目的时候，你就能看得见他给你提供好的阿格迈，阿德印的这种模板，他也支持对开的。老哥做阿德印啊，阿格斯 club 都可以，都可以，常用的多少是阿格迈？不具体。假如说你要创建一个巴腾一个按钮的话，那你进入到他模板里后，他模板都是以向导式的，你只要添你的按钮的名字， 他的标题，然后呢，他的类型啊，他的鼠标题是他的描述等等啊，按照他的这个想导师的一项一项添，添完了进里面写单码就可以了。 那在这里给大家看一个我以前做的一个啊，面积分割的啊，啊，一个小的粒啊，那这个呢，是我原来做好的啊，我原来做好的一个工具条里面做了个按钮，主要做的是什么呢？ 主要做的是土地利用的一个面积分割的一个东西啊，那比如说一家农田啊，他兄弟两个分家了，那他需要分啊，从这个边到这边分啊，一般情况下他是沿着某个边分， 那市面上呢，也有一些茶件，那些茶件呢，主要是东西分，南北分啊，就是这样定死了一个方向。还有一个呢，就是他是分的时候啊，他比如说只能分一半啊，或者是四分之一，这么去分啊， 那我这个插件的特点呢？就是啊，你用鼠标选它任意一个边啊，它这个边啊不是水平垂直的，无所谓，只要它是一个直的边，就是不是一个弧的，圆弧的目前不支持。只要是一个直的边，你鼠标拖拽， 他就沿着这个边的平行方向给你分啊，你想要分多少？这个任意啊，比如说我这样分出来一亩可以，我这样分出来五亩也是可以。那咱们看一下啊， 这个就是打开这个工具，点一下就打开了，他会捕捉到你要分的那个边，然后垂直他的方向，他还会提示你一个红色的一个箭头， 然后弹出来个框，你在里面写你的面积就可以了，他就沿着这个方向给你分了。比如说我要沿这个方向分的话，捕捉到那个边 啊，拖它就会垂直它也就说平行它分五十亩啊，它就会给你沿着这个方向给你分五十亩啊，这就是这个插件啊，这个插件，这就是阿根麦坡阿根印的开发。

大家好，我是小赵哥，这期视频呢，和大家讲讲如何给 cad 实体添加扩展属性。 给 cd 实体添加扩展属性需要三个步骤，第一步是将需要添加的扩展属性零注册到当前的图形数据库中，第二步是生成扩展属性序列，第三步就是将扩展属性写入到图形数据中。 接下来我们就看一下 c c 代码是如何来实现的。假设我们要给一个房屋添加两个属性，一个是房屋结构，一个是房屋楼层， 我们将这个扩展属性的名称命名为结构楼层。那么接下来我们先进行第一步操作，就是将扩展属性名注册到当前的数据库中。首先打开属性名注册表， 然后我们判断一下属性名的注册表中 是否包含结构楼层这个属性。 如果注册表中没有包含结构楼层这个属性，我们就将结构楼层这个属性写入到当前的块表记录中， 并且将这个块表记录添加到数据库， 到这里我们就完成了属性名在数据库中的注册。那么接下来我们要生成一个扩展属性的序列，扩展属性类的名称呢？叫瑞泽的八法。 我们先添加扩展属性名，扩展属性名的祖马是幺零零幺， 然后我们添加扩展属性的结构，结构是个中文字符，所以我们这里用的祖玛是幺零零零，比如我们这个房 是砖房，那么结构就是砖。接下来我们添加房屋的楼层，房屋的楼层是整形，所以我们这里的祖玛是幺零七零或者幺零七幺。假设房屋的楼层是三层， 到这里我们的扩展属性序列就先建好了，假设我们不是特别清楚祖玛的对应关系，在这里呢可以采用另一种方式来进行编写，在祖玛的位置输入 dxf 扣的，然后输入点，这里我们就可以看到所有的祖玛对应的清单，因为我们现在需要添加的是扩展属性的字段，所以在点后面输入 ex 就可以筛选出所有的扩展属性对应的子弹类型。我们这里需要输入的是扩展属性的整形，所以我们找一下对应的整形，大家可以看到这里面有两个，一个呢是硬特型十六位的，一个呢是硬特型三十二位的。将鼠标点到 对应的美举值上面之后呢，就可以看到这个美举值对应的整形数字，印特星十六是对应的幺零七零，印特星三二对应的是幺零七幺。输入完成之后呢，程序会用红色下划线标记这一行 提示的错误呢是无法进行内心的转化，在这里呢我们对他做一下强转，前面加个括号印他， ok， 这样就可以了。接下来我们就完成第三步操作，将这个扩展属性写入到 cad 实体。在写入 cad 扩展属性之前，我们先用鼠标再图面选择一个 cad 实体信件文档和编辑类。 获取到 cd 实体之后，我们以读写的形式打开这个实体，并且写入扩展属性，到这里扩展属性就写入完成了。我们将这个程序进行重新编辑， 启动运行， 在图面绘制一个蜂蜜的多边形作为房屋实体， 然后在命令行运行添加属性的命令，选择绘制好的房屋实体，扩展属性添加完成，现在我们就可以用 x 比利斯特这个命令来查看一下这个房屋实体的扩展属性， 这个时候大家可以看到这个房屋实体多了一个结构楼层的困难属性，结构是砖，层数是三。 好了，这期视频就到这里，我是小赵哥，关注我，和我一起学习 cad 的二次开发，我们下期再见。

大家好，今天给大家分享一个开发 uni app 的一个辅助工具， dc 料理插件市场，接下来给大家演示下效果， 这里面有很多前端开发所需的组件和模板，需要的直接下载就好了。今天我们就以 uni app 为例做演示，在演示之前我们要下载 h b u derex 这个插件， 我们在这个窗口搜索 uni app 模板，我们以这个电商项目模板为例，这是我们需要演示的模板， 这个地址是该模板的 gt 的地址，可以在这个地址下载。今天我们点击这个按钮，直接下载模板代码，这个目录就是我们将下载抵押的模板代码目录地址， 想要看到效果，我们还要下载这个手机模拟器。 接下来我们把模板导入到安装好的 h d u d x 的插件中， 这个是安装 h b o d x 插件的安装地址，这个端口是手机模拟器默认的运行的端口， 在运行项目之前，要先把 go 的 j c 型环境搭建起来，在这里去配置 note， 这一次的安装路径 都安装，配置好后，点击运行插件内置的手机模拟器运行命令去运行该项目，这个就是项目运行好后显示的模板内容。我们来看看模板效果， 模板把登陆拦截都做好了，更好地提升了我们的开发效率， 我们可以在这个模板的基础上去做二次开发，大大的降低了我们的开发效率。好了，今天就分享到这了，有不懂的可以联系我哦。

我们后面要写正式的商业项目，所以前面那种用浏览器和记事本的编辑方式就不行了，我们要有正式的软件和环境，这一切我主要讲一下 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 的疑惑，拜拜。

okay， now let's save it okay back to our cold snippet the next step is to add some logic for that value actually， it's getting this the value of this show variable if it's true， we're gonna add some tag into this html okay， so let's copy it and go to this rendering da js because it's where it renders the front end so let's go to the rendering that js scroll down and right before the place the place this where it inserts the html document to the dom has some space here and paste in okay， so when the user checks the box and this value is gonna be true and then it's gonna add this code into um the canvas okay and in this canvas he's gonna be um inserted to the door this html text here is basically showing is a deep tech and showing the first value uh like the first queries here okay and the first car will be seven okay， so you're gonna have to see this number in the middle okay， but right now we haven't done any compilation yet and the next thing we're gonna do is to um set a default value for the show value variable whenever， you add a new variable to your code you're gonna set a default value for it and we do it by add this new property into this panel defaults object okay， it's gonna be in your control file so let's go to the control you save the this file for now and then let's go to control it's gonna have this variable called panel default it's an object so let's add a new value or new property called show value and the default value will be force okay， and it's gonna run these low dash dat defaults to get all this information from this object okay from this object all right and if you don't set this default， it's gonna get the um the options that is set by the user okay， so so when the user um does something for this value it's gonna use the value that the user okay， but if the user doesn't touch it then it's gonna use the default value which is false okay now that next thing we're gonna do is to modify the css and before that just take a look what it looks like right now okay let's just leave this style for a moment okay back to our terminal we need to make sure that we save everything back to the terminal let's run ground again and then restart the server and then back to our dashboard refresh the whole page okay now go to this edit editor and check the show value you see something happened okay so you see that the seven is displayed but it's not in the middle why's that because we add the logic remember we added the logic to uh to grab the first value and then put it inside some deep tag and then put the h g m l code into the canvas right so he this is our canvas and now we have this deep right here， but we haven't set up any uh style for it so right now it's just the default style which is on the top left corner okay， but we wanted to be located in the center okay， so right now let's say some css style for it back to our snippet in the module that js it's important ah the load load plugin css from the sdk and with this component or method you can specify the dark and light things for your graphana okay and it's basically done with these pichar dark css and pichar light css let's take a look in the module js okay this component is loaded and it's basically a method i can use okay to load the information from the css files alright and after you finish this part and it's gonna work here in the preference the configuration preference of your dashboard you can see that this the thing that you can choose now it has the dark and the light okay， but you can also add more if you want you can add another um same here maybe like medium right and then it's gonna show here okay now let's change something with the css back to the snippet now， let's start from the dark thing now， let's copy the whole snip the co snippet here and then go to the cs file and open the dark theme css file go to the end of the file and then haste in and then safe okay and why does it work because you see that it's controlling this pie chart value class all right and then in the rendering we remember we add we adding a deep tag here and we assign a class called pie char value so that's how they are related then let's do the like thing top the whole thing here back to this project open the like css and append the whole code at the end and then safe okay， so right now we have defined the style for this class okay now let's do the ground again and then restart a server and then back to the browser open our dashboard again and we need to refresh okay， okay now you see that is working okay， so it's basically grabbing the first value which is seven and then put it in the center of this canvas or this graph okay， so now it's working and before we end this section let's review the process first， we took a look at this module js and it's basically import some components from the sdk and also the control you are developing and you also it's also loading some plug in css files and you need to explore your control as this panel control right here and the html what you need to notice is that it's the best practice to use the built in class provided by the gravana like we dash a number or max with some number here for example we have this with dash eight right and then um it's the best it's just the best practice to use the building classes from grafana and this is themes that we're talking about and here are the event so when you change something it's gonna invoke the render invent and it's gonna call the unrender function and it's basically running ah the render js component behind the scene and it also has the in need edit mode event ah when you add the edit panel tab page okay and it also has the data receive event ah when the data required for accessing joints is triggered when the dashboard refreshes the data and we have the data snapshot mode and it's a van trigger in snapshot mode to load data and we also have the data era event it's used to handle error when the dashboard is refreshed and the panel that you add in your dashboard is gonna be saved into this jason model here you can find it here back to our dashboard in the settings and go to this jason model here you can see that we have a panels here so it's in the ray and the first one is this one and it's gonna it's using the csv server as the data source and this is the queries okay so basically these are the information for your panel okay so about the jason model the plugin is rendered through the user integration change panel like here and the configured fields are recorded in jason and saved in the database okay， so we have the audith information saved in our database and you can view this jason through the dashboard settings menu and the panel information exists in the panels array here okay is an array the configuration， information and initialize values are defied during the plugin development like what we saw when we are working with the panel defaults object and the user can figure information such as custom constants and data source queries is not recorded and cannot be stored so this is rule that we need to follow we don't want to store any data related information in this jason model because it's gonna be growing more and more and it's gonna dragging down the performance of the dashboard okay so just keep in mind and this is how we set the default values for the options and we need to add the cold snippets into these files the control and the template another another place in the rendering js okay is taking this show value and then check its value to see if the user requires to add the value into the graph and also these are the style sheet for the dark and light things now that we have our plugging working in our local machine in our local grafana we need we're gonna have to upload the plugin to our wise passage for to see if it's also working there okay， so now let's go to the dashboard on the west pass and this is local because it's showing local four three thousand here but i'm gonna go to the dashboard on the west pass now we're working um in the adb training org and inside the level three space okay and now i'm in my own org in the dashboard and um before i upload i need to create the new dinosaurs like this like what we have done locally？

最近在进行功能开发时，经常用到一个插件 cadium， 它可以给正在进行开发的你提供一些评论及代码上的建议。接下来带大家看一看这款插件。它是由国外团队开发的，支持所有主流的 id 以及四十多种编程语言。进入官网 playground 店面 可进行试用体验，可以看到他可以给我们一些描述及代码上的提示。下载安装的话，我们可以直接打开 id 音，这里我以拍卡尔做演示，打开设置窗口，选择插件 plugin， 搜索 cd， 我们安装即可。首次安装需要登录才可使用。 这里我已经安装过了，现在我们试验下他在 parker 里的公用，比如我们在进行请求方法编码时，根据当前文件韩树铭等生成建议，还可 根据注释生成功能函数。即使没有准确实现我们的功能，也可以减少我们编写基础代码的时间。 虽然 kdm 与 person get up copilot 相比略逊一筹，但是对于我们日常写代码的开发者提供了很多建议，可以提高代码质量及开发效率，期待它以后越来越完善。本期内容分享到这里，感谢观看。