eslint配置自动保存不生效

我的前端代码一堆 is lint 报错怎么办呀？别慌，来看看我是怎么解决。先运行一下 lint， 让所有错误在控制台显示。首先看到的是我不喜欢的默认配置，直接拷贝规则到 is linter g s 中关掉一般情况规则加上 off 就是关闭当前规则。 关闭这个规则之后回到控制台，按住 ctrl 键点击显示在控制台错误的地方，就会跳转到错误代码。行，如果你想改，那么就改掉，如果你认为你是对的，就给一个注视，当前刑不进行 island 交验。 数学是 island disable line， 这里说我定义了，并没有使用。忽略忽略。哎呀，这个函数也没有使用 理，要用到忽略下一行注视是 island disable next line， 其他的配置都是一样的了。都改完了之后再次运行 lint 竟然没有报错了，我真棒。别走别走，点个关注呗。

哈喽，大家好，我是老陈，这节课的话，我们来讲解一下 e s 零的一个应用和 v s 扣的配置啊，那么很多小伙伴都在 呃，学习我们的 view 的时候，我们在创建 view 项目的时候，那么第一次创建都有可能这种情况，就是说在我们运行我们的项目的时候啊，就是我们第一次，哎，比如说我们创造了一个非常简单的一个 view 的一个应用啊，比如说我们进行一个启动，对吧？ npn run several， 那么我们在启动之后呢，我们就会发现啊，在自己写完一些代码之后，哎，明明是可以运行的，但是呢他却抛出一些警告和错误给我们看， 那么这个就是我们在进行，就是说因为我们选择了这个代码检测的插件，导致我们的这个代码检测 在什么在使用的时候发现我们的这个代码的这个样式啊？据说并不说我们的这个语法有错误，而是什么，而是这个代码的这个样式的格式与我们的这个标准啊，检测的标准不一致所导致的 啊。那首先的话，第一什么是我们的这个 es link， 对吧？这个代码检测啊，那么我们在我们的这个什么时候会有运运用到好比如说现在的话，在我们当前的这个项目当中，对吧？ 我们经常会写代码啊，比如说有些同学呢，他可能就是说，比如说像这个引号，他可以是单引号，也可以是双引号，那很多同学的他的这个习惯就是使用单引号的一个习惯，而很多同学使用的呢是双引号的习惯，那么这两 多人如果在同一家公司，对吧？啊？那么有些人，哎，这个页面啊，就一个项目当中，他可能就一部分人负责一个页面吗？对吧？或者是一个组件，那么可能就是，哎，这一个页面他可能使用的是单引号，而另外一个页面他使用的就是双引号， 那么我们其实就会感觉到，哎，怎么感觉怪怪的，对吧？当然这是一个很小的一个问题，当然还有一些问题呢，可能就比较更加不一样了，就有些人他喜欢什么就是这个 tab 键啊，他 有些人他是喜欢四个空格的，就是他按一下 tapk， 按一下 tap 键，他其实是有四个空格。而有些人呢，他就喜欢两个空格啊，就是两个空格的 好，那到底是四个空格好还是两个空格好，对吧？那有些人可能就什么写了四个空格，有些人就写了两个空格，那这样子多 摸的不舒服，是不是？好？那这个时候我们怎么办？对吧？比如说像咱们这玩意，你看我在这里一个是什么两个空格，一个是四个空格，那肯定写起来怪怪的啊，但是呢，实际上他并不会报错，对吧？所以的话，为了在我们的这个项目当中， 我们的整个团队，他这个写的这个代码的格式和样式的风格进行统一，那么我们就需要有一个工具来帮助我们检测这些格式是否是一致的，这个时候的话，我们这个椰丝令啊，他就出来了，好吧， ok， 那，那也就说它主要是用来什么？做这个代码的检测它可以什么？它可以检测我们的语法，也可以去检测我们的这个样式格式的一个错误， 对吧？就是跟我们的这个就是说所设定好的不一样，对吧？这样规则不一样，那么他可以自动的给你检测出来。好，就比如说像现在，对吧？在咱们这里啊，他这里就是，就是说啊，就是我们这个是单引号，对吧？啊？这里的话也是单引号，然后呢他就会告诉我们，对吧？他就说 啊，说我们在这里，对吧？就有这几个错误啊？第一个啊，他并不说错误啊，他就是一些警告，对吧？告诉我们，哎，有三个问题，是吧？有三个问题要你进行一个这个修复， 那这里的话，他比如说第一个啊，是什么？就是说你这个单一号你给我得换成双一，对吧？因为在咱们这里他有这个规则啊。好，那在这里的话还有个什么，就是把这个也是单一号换换成双一号。还有一个呢，就是他说让你插入一个分号啊，你说你看这里你的这个分号没有插入，对吧？啊？他希望 你把这个分号给我插好，那么就是这些啊，就是其实并不是说语法的问题，而是什么代码样式问题，这个就源自于我们去使用了这个代码检测的一个插件。 好，当然有些同学可能就是对于这个插件啊，就是我们怎么去进行一个这个启动，有些同学可能还不是很知道啊，就是我们在创建的时候，哎，我们是怎么会去选择有这么一个东西呢？好，那我们在我们这个集成终端，我们去打开一下，那在我们这边的话就是 bs 令 啊，我们在这边我们比如说通过我们的 view create 创建我们的项目，那创建，比如说啊，这个 e s， 对吧？啊？ l 我们的这个应用，好吧，好，那这里话我们就是 gum， 我们就是 a p p 零二吧，啊，因为我们刚刚创建了一个这样子的一个项目，好，那么在这个创建的时候，我们就会进行一个什么手动的一个选择，他就会告诉你，对吧？你应该，呃，你想要选择什么样的一个配置？ 好，那在咱们这里啊，就是他默认就会帮你去选上这个啊，这个就是我们这个代码的一个检测和格式化，好吧，就默认会选上，但你可以取消啊，就不选，对吧？好，那我们比如说选上了啊，那我们在咱们这里， 比如说我，我就会什么选择，是哪一个样式，那在这里的话，我们可以看到他有什么就是这一家公司啊，这一家是我们全球的一个旅游的一个什么知名公司，对吧？那么他们公司的这个前端的这个 g s 的配置，如果你想要 要使用他们家的这个就是代码的规范啊，就是他肯定是有一个每一家公司啊，为了让大家的这个写的代码，对吧？都是样式是统一的，都会有一个编码规范， 那么如果你是想使用这一家的，那么我们就可以选择这一家，那么当然也有一个就是 standard， 对吧？就是我们的这个开源的一个标准啊，那么开源标准的一个编码规范的话，也有一个就 standard 啊，这样子一个规范，这个是由 bicarbo 他们那一家啊，这个做的，那还有一个就是 premit 啊，就这个 premit 的话，呃，也是挺好的。这个是，呃， premit 的话，它是一个插件嘛？ 就 e e s lint， 它是一个代码检测啊，就检测你这个有没有问题吧？你这个格式啊，样式有没有问题？而 premit 的话它是帮你格式化的，也就说当它 就是说他的这个就是用来什么，就是比如说咱们写的代码，是吧？我们写的并不是很好看，对吧？比如说我写成这个样子，那他就会什么，比如说在你保存的时候，他会可以自动给你格式化啊，自动给你格式化，让你变得好看，让你变得好看。 好，那所以的话我们就可以就是说这个他有一个什么就让你好看的一个标准和配置啊，那这家的规范哎，我们也可以去使用那，呃，其实现在的话，我们一般都会就是结合啊这两个插件，对吧？一个就是设定标准，一个呢就是帮助你去格式化，那这样的话也就说， 呃，标准设置好了，我们在写代码时候，可能我自己写的会有一些问题，但是呢通过这个插件我又可以，是吧？快速的又把它什么格式化回来，明白我意思吧？那 ok， 那其实 这样的话，那么我们自己其实并不需要去花太多的功夫去把，就是说像刚才我们这个错误，对吧？啊？我给他自己去搞定啊，好，那这个时候我们就选择这个啊，就是用它，就是这种，用它的这个标准来进行这个检测就好了，好吧， 好， ok， 那那我们就什么就是可以选择它，好吧？就可以选择它，然后呢？在什么时候进行检测啊？我们可以配置，对吧？在保存的时候进行配置啊，这个检测也可以什么去配置啊？在我们提交的时候啊，进行一个这个匹配啊检测。好，那我们这句话就怎么进行一个这个保存，然后呢？呃，再进行 分分开来的这个配置啊？ ok， 好，那这样的话我们就可以创建出来我们的这一个项目啊，那么这个项目创建出来之后呢，就跟其实就是在我们这里的话就会出来了啊，是一样的，然后我们现在话就是我们并不是需要创建 这个项目啊，这以后我们就取消掉，好吧？好，让我们把这个项目给他删除掉， ok 啊，只是告诉大家，对吧？我们这个，呃代码检测啊，这个是怎么出来的？就是我们这里配置的这个内容。好，那现在的话，我们现在就是说，呃，运行起来之后呢，确实是有一些问题，对吧？啊？那这个问题的话，呃 现在就是我们写的这个代码，对吧？那按照正常来说就是我们为了就是说在我们公司，对吧？我为了让我自己写代码跟这个标准一致，那我就为什么去把它该改过来，对吧？他就会告诉你说怎么改， 那好，那我就什么，我就手动的去把它改过来，那么这是最笨的方法啊，这是最笨的方法。刚刚我们说了我们有个什么这个代码格式的这个检测插件，对吧？啊？好啊， ok 啊，比如说像咱们这一段啊，这个 还有这个，对吧？我们给它改过来，然后呢我们再把这个分号给它加上。好，那么这个时候的话我们再往下翻啊，翻到， 呃，就是说我们在进行保存之后呢，他就会没有这个啊，当然我们现在的话，在咱们这里的话啊，我们啊进行这个保存啊， 因为我这个是有做，就是你看我保存之后啊，就是你看保存之后呢，这一个就没有问题了，对吧？就你看这里到这里啊其实是没有任何的问题的，对吧？这样话是 ok 的，但是这种就是最笨的方法，是不是因为刚才我们说了我们也会有一个什么 cream meet 啊，这个插件来帮助我们 啊，进行这个格式化啊，就说在我们这一块我们就可以格式化文档啊，就帮帮助我们，比如说把这个分号啊，对吧？不是不是不是啊，把这个分号给我们加上，然后把这个单引号给我们，是吧？换换 过来啊换过来。好，那 ok， 那这个时候的话我们就可以啊去安装两个插件啊，那这里的话就点这个扩展啊，扩展 安装一个什么？一个是 yes link 啊，就是插件，然后呢还有一个是 premit 啊 premit 啊，就这两个插件啊，大家把它给它安装起来，安装起来之后呢，大家如果我们在使用 view 开发的话啊，就是说 view 二开发的话更建议使用这个，对吧？啊？ view 三开发的话就建议使用这个插件， 我们的这个摸哎啊 v o 啊 v o 的那个，好吧 好啊，那在我们这里的话，我们现在话啊就是说安装好了这个插件就这两个啊，核心就是这两个安装好了之后呢？呃，他我们现在的话就需要什么去配置一下我们的这个 vs 扣的，对吧？就是我们这个编辑器啊这些，好，那在咱们这里的话我就把它啊就编辑器，我们这里话点开我们的这个首选项啊，点开首选项，然后呢打开我们的设置 好，那在这里的话，我现在呢给这个设置啊，我给他进行一下这个设置一下啊，比如说我在这里 设置好，那我在这边设置了之后呢，那我们在咱们这里我们先画，你看把这个 就这里的话，他就是什么进行的这个配置，我们来看一下，就简单配置哪些东西啊？比如说啊，在咱们这里他就说，哎，你看在我们保存代码的时候啊，进行一个格式化啊，就这个配置的话就用来做这个事情，对吧？好，然后呢这里的话我们也有什么，就是，呃 编辑器的时候，对吧？在我们保存的时候啊，进行一个这个代码这个检测，哎，他也可以进行一个检测，那么他支持啊，就让我们去支持什么以下的这些检测，对吧？啊？那 ok， 那就是可以帮助我们去检测代码，也可以去帮助我们去格式化代码， ok 啊，这是我们的这个呃配置，我们把它给它配置进来啊，待会大家如果就是说没有这个配置文件的话，就这个配置文件， 大家没有的话啊，就记得我，我会把它分享到我的那个粉丝群里啊，大家可以去看咱们的这个就是群号啊，就是在我们的这个啊视频的这个简介里面，好吧，我们去把它下一下来，然后呢复制到这里来，好吧？就可以了。好， ok， 那现在的话我们， 我们在这里，我们现在话就是配置好了啊，我们现在配置好了，那配置好了之后呢？我们 进行一个保存，保存之后呢现在我们，呃这一个的话，这个默认是没有的，就这个 premit 的配置默认是没有的啊， 因为呢啊，如果我给他这个是我用来配置什么呢？这个是我用它来去配置，比如说我们这个分号，对吧？还有这个单引号啊，那其实在咱们这里我先把这两个给他去掉。 ok， 好啊，我我我，我等会再给他设置回来，我先画先给他去掉啊，那我去掉了之后呢，在咱们这里我们来看一下 我们现在话，我们现在的话，比如说啊，比如说啊，我们现在我已经把那那个代码去掉了啊，把它去掉了，去掉好了之后呢，我们现在的话就来操作一下，比如说我现在的话把这个改成 单一号啊，你看把他改改成单一号啊，改成单一号，那按照我们刚刚的这个操作的话，那么这个的话是会有问题的，是吧？兄弟啊，两个问题啊。 ok， 他哪两哪两个问题呢？一个是咱们的这个分号啊，他说在哪里要删掉分号，比如说在十六号，对吧？啊？要把这个分号要给他删掉，那还有一个呢，就是，呃，要把这个单引号给他什么替换掉，对吧？ ok， 他说什么呢？就是哦，他是说要把这个双引号啊，要替换成单引号，是吧？就说这里面的话应该要使用单引号的一个操作。 好，那我们现在的话在咱们这里啊，就是我们现在什么进行一下保存啊？进行一个保存，那保存你会发现就是我们刚刚做了那个配置之后呢？我原先是单引号的，对吧？我原 原先是单引号的，然后这里的话我这个是没有，我是把把这个什么分号是去掉的，比如说我把它去掉的，然后呢我进行一个保存，保存之后他会什么自动给我把单引号转换成双引号， 然后呢？这个分号，对吧？给我自动加上来，其实他就怎么做了？一个代码的格式化，对吧？但是呢这个代码格式化跟我们的这个 还就是跟我们这个代码检测啊，有一点不一样啊，有一点不一样啊，但现在是一样的，对吧？现在是一样的，就是我们现在完全改过来之后，他会怎么？他会自动改过来，对吧？那现在话是一样的啊，就现在话是一样的，他会自动给我们格式化啊。那 那就是说如果不一样的话啊？线话是一样的啊？线话是一样的，因为我们把这个是按照 premit 的这个设置啊，完全进行一个配置，那如果不一样，对吧？比如说我们像 现在，现在话，我再把这个配置我稍微改一下，比如说我们像新建一个，对吧？我把格式化的配置我稍微改变一下。那好，那稍微改变一下的话怎么改呢？很简单啊，就是在咱们这里我们去创建一个 亏，就是这个文件啊，就 d m p r e t t i e r r c 码这样子的一个文件，那在这个文件里面我们去设置一下，比如说我们刚刚的这个单引号，对吧？还有我们这个分号。 好，那我们比如说我们设置分号，比如说我设置为 force 啊，然后呢？我再设置一下我们的这个，呃单引号，对吧？啊？ singer 啊，单引号，我们我们也设置为 force 啊， 线画是什么呢？线画。我们看一下它是呃什么样子啊？线画是，呃确实是单一号，是 force， 对吧？那我们把它改成处啊，就说我们线画是要让它变成呃数单引号，对吧？就说我这个，呃格式化，格式之后是什么格式成我们的 单引号啊？格式成单引号， ok， 那好，那我现在要改变了，对吧？改变了，这样子的一个操作，那 好，那，那他的他就会什么？比如说我们在进行保存的时候，哎，保存之后呢？你看他全部帮我们变成了一个单引号，对吧？比如说这个配置他为什么 它会优先，对吧？一比这个优先级会比我们在我们的这个 setting distance 里面去设置的这个 premieter 的这个原始的默认的配置啊，优先级要高，对不？对啊？所以的话，在这里我设置 他单引号为处，所以的话他为什么自动帮我们把这个代码格式化成单引号，好，那么这个时候的话，那么我们这个代码检测就错了，对吧？你看，哎，错了，哎，而且呢，我们这边的分号我给他什么？我，我给他设置成 force， 别说不加分号，那你看，所以话我，我一保存，他把我的这个什么分号全部给我去掉了，对吧？分号全部去掉了，好 啊，那当然这个代码这个检测呢，就是这个规则，对吧？他这个就是要要求的是什么？要求是加上这个分号， 那你代码格式化给他去掉了，那所以的话，你这个他肯定都报错啊，那我们这个格式化，那我们肯定要就要把它反过来写，对吧？这个要给他怎么加上？然后呢？这个要设置为 force， 明白吧？ ok， 好，当然默认啊，其实就是说我们 不写这个就完全是 ok 的，因为我是刚好把这个 city 就想要去配置好的啊，大家只要选择就是我们 premit 和我们的这个 yes lint 啊，然后这边的话装上对应的这个插件就 ok 了，然后呢把这个这边的这个配置直接复制过来就好了。好吧，好， ok 啊，那这样的话我们就搞定了。哎， 你看我又把它配置好了，配置好了之后一保存，那现在话这边就不会说有这个警告了啊，这边就完全是 ok 的了。好， 那好，那现在的话我们在这边我们给他就是设置好了，那我们来看一下，就是这个检测啊，这个检测 eslink 这个检测，我们要比如说我想要自己去设置一些规则， 我们又是怎么去设置的呢？其实就是在咱们这里啊，进行一个配置，就是 es link 这里进行一个配置。好吧， 那在咱们这里，对吧？我们这个 no console log 啊，这面啊，比如说我们这个规则是什么？就是控制台这个输出，对吧？啊？这个 production 啊等等这些性质。那好，那在我们这里啊，我们可以看一下它有很多的规则啊，它不仅仅就这个的话就 不输出那个控制台的输出吗？那这个的话就判断一下是什么样一个生产环境啊，就是如果是生产环境下的话，我就给他一个警告，对吧？啊？否则的话我就取消就说，呃，在开发环境下的话，那你就可以去输出控制台的这个输出， 对吧？还有这个 debug 也是一样的，就是生产环境下肯定是不允许 debug， 对吧？啊？但是呢，我们在开发环境下的话是可以允许的，对吧？那就是可以 off， 是吧？就取消掉啊，那这句话我们可以看到，就是这个就是配置它，呃，是发警告呢？还是发错误呢？还是什么？还是取消，对不对？ off 好，那么这些规则在哪里 我们可以看到啊？以及为什么我们这个规则只有这么一点点啊？那为什么会有那么多规则呢？因为在咱们这里啊，这里啊又拥有的就是继承过来的大量的规则，就是我们之前不是我们选择是什么这个 play meter 的规则吗？对不对？ 那我们选择这这几个规则，他就会什么把这几个规则给我们导入进来，那这几个规则我们去哪里找呢？其实在我们的这个 model model models 里面去找。好，那在这里的话，我们可以去看到我们的这个 e s link， 那就是找到 e s 零啊，找到 e s 零 一一开头啊，就 model models 啊， yes， lin， 对吧？啊？在这里，好，那在这里的话，我们是可以看到我们有对应的 插件，对吧？ packing 啊，就是 instine parking to our view， 哎，就是这里啊，那在这里的话，我们就是可以在这边 rulus 里面去找到我们的这个 e s s， 对吧？ 我们 ruler 就是在咱们这里啊，你看这里有个什么配置，对吧？这个配置里面就有这么多规则，哎，这些就是它对应的规则，那好啊，那所以的话你是可以去找到对应的规则的，当你如果想要替换掉的话，对吧？我可以自己再去单独的在这个 rulers 里面进行一个对应的配置。 那这个规则的话，大家可以去哪里去看呢？可以去他的官网上去看啊，就说咱这些不用死记硬背啊，这些都是可以官网去找的，非常之多啊，就是说在这里话我们可以去找到用户指南，找到规则，那 ok， 那这里话就有我们对应的这些规则，对吧？嗯，好，那， 那非常之多啊。什你能想象到各种样式的一个规定，那么都有啊？那 ok， 那在我们这里话，比如说我们这个，呃分号的，对吧？单引号的这些设置啊，其实在就是在这里的话你也是可以看得到的。 ok 啊，那就是比如说像 这个，对吧？你看要求啊禁止使用分号或代替我们这个 s， 对吧？那在这些的话我们就是呃可以进行对应的一个去设置啊，那么都是没有问题的 啊，就是在咱们这里，对吧？我们对它啊进行去设置，这个使不使用这个咱们的这分号，对吧？ ok， 好， 那在这里的话我们可以看到它是有，就是说像这里啊它会有一个什么？呃， oceans， 对吧？这个配置啊，那这个配置的话它是什么？也一个是什么字 串，对吧？有两个选项，一个是自助串，一个是对象。那在这里的话他的这个自助串的话就是要么就是总是什么加上这个分号，要么就什么禁止使用这个分号。那好，那在我们这里比如说我去进行一个配置啊， 我在哪里配置呢？我就是在咱们这个这里，对吧？添加这么一个规则啊？ semi， 那好，那在这里的话我给他什么加上一个总式，对吧？就是我们总是呃需要这个 分号，对吧？总是需要这个分号，我们现在话是需不需要我们看一下？我们在这里啊？我们在这里话是，呃加上了分号，对吧？我们现在话不要分号，那我就把 never n e v 一样，对吧？ never， okay。 好，那 ok， 那我们在咱们这里，我们这 这个分号我们现在话就是，就是给他啊，就加上来了，那加上来之后呢？我们现在的话来看一下，就是我们这边的一个代码的一个检测啊，那当然我们现在话我们把它进行一下重启，我们啊，因为我们这是把整个的一个配置啊，运行的一个代码检测配置我们进行了一个修改， 那么现在的话我们是不允许他加分号，对吧？那不允许他加分号的话，那么我们可以看到啊？ ok， 那我们这里的话他告诉我们，对吧？他这个是，呃，这个 semi 这个规则，他说我们这里少写了啊， 少写的什么呢？少写的就是说我们的这个，呃， never 啊，我们是要告诉他，对吧？你是应该去，比如说，呃，就是 这个总是啊，这个 never， 对吧？哎，好，我这个总是 never， 但是呢你要去报他这个警告的这个错误是什么错误啊？比如说是警告还是错误，对吧？那在这里他告诉我们，对吧？零是这个取消啊，一是警告，二是错误啊，是这样子的。 好，那在我们这里话，我们就希望这种就是配置一个就可以了，就是说在咱们这里啊，我们给他，嗯，提供一个其中一个，对吧？那比如说我就给他一个一就 ok 了。 好，那在我们这里的话，我们就比如说啊，在咱们这里，对吧？给他一个啊，给他一个 warming， ok， 好，那我们在这边的话我们重新启动一下， 那就不要就是有这个对应的一个错误，是吧？ 那也就说这里的这这么一个配置的一个意思呢？就是我们的分号要就是说如果没有的话，就给他一个什么警告，对吧？啊？没有的话给他一个警告，那是这样子的。 现在的话我们再把这个改一下，对吧？我们现在画这个是，就是，呃，现在要加分号，对吧？我们把它改一下，就是改成我们绝不加分号，对吧？就是 never， 看，哎，这样子的话，他这里 一个是什么总是啊，一个是绝不，对吧？ never 啊，那绝不的话，那也就说不加就不加的话啊，就加了的话就是，呃，警号啊，就警告啊，不加的话那就是正确的啊，是这么一个配置。 ok， 那我们现在的话就是重启一下整体的一个设置，嗯，重启之后呢，我们现在我们来看一下我们的这个代码。啊，那目前的话我们可以看到就是说现在的话是加了我们这个分号啊，那我们加了分号的话，我们把这个 为了这个直接好看一点，那我们直接把它转化成我们的这个 就警告吧。 error 啊，错误，好，那我们在这边的话，我们就启动之后 呢，我们应该就是可以看到他是直接是一个报错，好吧？就是说你如果加了两个错误的话，他应该是直接是给我们一个报错的，我们来比如说关了之后我们进行一下代码的一个检测。啊，那好，那现在话我们可以看到像咱们这里， 你看这个是分号，对吧？这个也是分号，那按照我们刚刚的话其实是没有问题的，现在呢？他就什么直接告诉了我们两个问题，对吧？就是两个错误啊。 呃，警告的话，他可能就是会有一个就是提醒，就是黄色的提醒，对吧？就不是很清楚啊，但是如果是，你如果是给他设置一个红色的，对吧？红色的， 那比如说警告，警告设置了的话，他就什么直接就不会说给你能够打开那个页面的这个链接地址啊，就你就看不到，对吧？ 他直接就是给你两个叉叉啊，告诉你你必须得修复，所以的话，他这里的话，这个警告级别不一样的话，那么你所最终所显示的这个效果啊，也是不一样的。好，那在这里的话，我们就可以把他比如说我现在这个规则，对吧？我再给他改过来啊，那都是没有问题的，好吧？ 好， ok 啊，那么我们这节课啊，那我们就是讲到这里，讲到这里大家可以根据自己需要来进行一个配置，好吧？ 好的，那我们就希望大家就是嘛，就没有 bug， 对吧？没有错误啊，写起代码来非常的舒服，那我们就可以去使用上你的这个 yes lint， 然后呢再加上我们的 premit 的一个代码的格式化，那么两者一结合，那么我们配置好了之后呢，我们再去写代码时候，对吧？不管你你写成什么样子， 那么我们的这个代码格式化呢？都能够帮助你去格式化成你所想要的效果。好， ok， 那么我们这节课就送到这里，大家赶紧去用起来吧，拜拜。

好，说一下这个 pretear 和这个 esline 如何来结合，这不是一个复杂问题啊。呃，你要解决它的结合的话，你首先得知道它为什么结合之后会出问题。这个 pretear 呢，它是一个代码格式化工具，它的关注重心呢在于你的代码风格和书写习惯，而这个 eslines 呢，它是用来发现代码中一些潜藏的问题的。 感觉上他们两个好像各不相干是吧，实际上呢，他们两个是有交集的，也就意味着呢，我们画两个圈。这个呢是 pretier 他管的范围，这个呢是 yesens 他管的范围。 他们两个之间有一些地方呢，就出现了相交，那这一相交啊，你说有啥问题呢？如果说他们都是针对代码进行检查的，如果说在相交的部分他们检查的规则是一致的，那就没有什么问题，他要是不一致呢，他就 出现了冲突。其实现实世界也是这样是吧，一个说相声的跟一个卖鞋的，他就没有冲突。有啥冲突啊，生活没有交集，但是呢，两个说相声 在一起呢，那冲突就大了，尤其是他们观点不一致的时候，那冲突就大了。那么有了冲突之后怎么解决呢？其实道理也很简单，二选一呗，你得做出抉择，到底听谁的。其实就是这么一个问题啊，那么反映到我们威斯特的编辑器层面呢，由于我们的编辑器啊，往往是安装了两个插件， 一个呢是 yeslink 插件，当不满足 yeslink 的规则的时候呢，他就会在代码里边给你报红线报错。然后呢一个是 pretel 插件，这是个代码格式化器。呃，通过一些设置啊，只要你一保存代码的话，他就会按照这个 pretel 的规则 进行格式化啊，年纪轻的就是那个情况。然后呢，体现的问题就是只要我这里一保存，他会按照 pretear 的方式来进行格式化，同时呢，经过了一些配置，他也会把 e s inter 的错误呢给你修复。那你看一下吧。呃，咱们来注意这一块啊，这一块呢，我写了一个 l， 他这里报错了啊，他说的意思呢，是一个 e s inter 的错误。他说啊，你这里没有必要去写这个 l 啊，这里的分号 后来也报错了啊，他说 eslint 的规则里边呢啊，按照我们的配置是不应该加分号的。然后呢，我现在保存啊， ctrl 加 s 保存，你会看到他这里把 eslint 的错误给你修复了，然后呢，这里呢，他修复不掉，他其实能修复掉的。 为什么没有修复掉呢？是因为我一保存的时候按照 eseins 的规则呢，他这里给你修复掉了，但是保存的时候呢，他又按照 crete 的规则呢，又给你加上了，所以呢，你会感觉他突然闪了一下，你看保存保存保存是不闪了一下，他给改了两次。所以呢，你这里呢就要做出抉择了啊，到底听哪一个的？一般来说呢，我们是要听 eseins， 因为我们在开发代码的时候呢，有一条生产管线，就你开发完了，代码一提交，他会经过一些自动化的检测工具，那么他会用 ese 的规则来进行检查，这个 规则呢，是在整个项目组里边是分发下去的，所以呢，我们一般来说啊，是会听这个 yes in， 那就让 pretty 呢委屈一下对吧？你去在交集的部分呢，去适配一下 yes， in， 也是就做这么一个处理。那么具体怎么处理呢？方式很多啊，有一些差， 发现有一些工具包括 pretear 啊，本身呢，也可以去集成那个 yes， in 啊，都是可以的啊，那看具体怎么弄去练。呃，我这就用最简单的办法，就是你去告诉 pretier 啊，在这些有充足的地方呢，你按照 ese in 城来啊， 我们去新建一个文件，是一个 preteel 的配置文件，然后在这里边呢，我们看一下有哪些有冲突啊，比如说指这里看一下啊，这里呢，他告诉你啊，他的引号呢，必须是双引号啊，这是一个 es 定制的规则，那么 preteel 里面呢，他要求的是单引号 改一下吧， single cook 啊，打印好，把它设为 force 好，规则配置进去，现在保存抵达一下，哎，这一块至少修复了，对吧？然后分号的问题，分号的问题呢？让 pretend 让一让啊， simi 稍微 first， 我就是随便举个例子啊，也不要过去讨论要分号还是不要分号，你们公司自然有约定好，保存好这个分号问题就解决了，是吧？还有这个缩进啊，缩进的问题呢， esen 呢，他这里要求的是四个，那么我们这里呢，也给他设置为四个好，然后这里呢保存就完事了。就这么一个简单问题啊，只要你把概念理解清楚呢，这些解决起来都非常简单啊。

现在居然还有人不会把交换机或者路由器的配置保存下来，呃，也不知道有一份配置备份我们怎么恢复到交换机或者路由器，那昨天晚上呢，就是有一个， 呃，说只会模拟器啊，然后呢 a 也考了， ip 也考了，但是呢就是不会操作真机。那么今天呢，我们就给大家去演示一下我们的配置怎么保存在我们自己的电脑上去 来，我们首先呢要有这样一根线，就是我们的 cos 线，那一头是 usb， 插在我们自己的电脑上，然后呢一台是这个，呃，水晶头的，插在咱们的交换机号就可以了。 那插完以后呢，我们需要打开咱们的 cit 软件，先打开 cit 软件，双击他啊，那么在这里我们需要设置一个参数，就是我们选择 siri， 然后呢在这里选择我们自己的 com 口是几我们就选几，好，这里我是四，然后我们就选四，然后呢我们选择是九六零零 啊，需要这个，这个勾给他勾掉。然后呢我们需要点连键啊，在这里空白处，需要啊，点击啊空格啊，或者回撤，我们敲一下啊，现在呢，我们只需要点击文件，好，这里点击绘画日志，那么我们需要在这 点击保存这个 cc 的 logo， 就是我们需要啊备份的一个文件。现在呢，我们只需要在里面输入个 dis 啊，然后 cur， 我们敲回车， 然后我们一直敲空格，一直敲空格，敲完空格以后呢，那这个设备啊，显示完，那么我们桌面就会 多了一个叫啊塞圣楼鼓罩一个文件，我们双击他啊，那么这个设备的配置文件啊，就保存在啊，我们自己本地的这个啊，一个记事本里面去了。

这个东西啊，我可以这么跟你们说，所有的前端项目必定会用到，只要稍微懂一点前端的人搭建出来的项目一定有这个。各位同学，这里呢，有一段判断诉书的代码，同学们可以帮袁老师检查一下这个代码里边有没有什么样的不合适的地方， 好像找不出来是吧？逻辑是尽善尽美的。那么接下来我让一个工具来帮我检查一下，好打开它。 他告诉我们这个代码里边有四处问题，一个个来吧。首先第一个问题呢，他提示我们这个 is print 函数啊，他定义了，但是从来没有去使用他，他认为一个函数定义的就应该拿来使用，你不使用这个函数 定义它就毫无意义，合不合理，相当合理。所以呢，我这里呢，把这个函数导出啊，给别人使用 好。接下来他又告诉我这里呢，我用了未运算，两个取反运算来得到一个数的整数部分，他告诉我这样做是不合适的。他告诉我，他违反了一个规则，叫做 no beatswise， 叫做没有未运算的规则。 他希望我们的代码里边不出现未运算，这是一个超链接，你可以点击进去，可以看一下他是怎么描述的。好。我们进入了他提供的页面，他告诉我们这个规则的名字呢，叫做 lobeswise， 他将禁止你使用所有的未运算操作服务。 至于为什么呢？他下边有解释。他说啊，在 gs 里边使用未运算这种操作啊，是非常罕见的。经常会发生一种现象，就是当我们想要使用并且和或者的时候，由于手误打成了一个单个，并且符号和单个或者符号就变成未运算了，这将导致一些超过预期的行为 合不合理？合理，而且微运算的代码呢，确实不容易阅读，所以呢，我把这个代码按照他的要求修改一下，我改成用一种更加容易阅读的方式来判断他是不是整数好，又解决了一个， 再下一个，他告诉我这个，哎，加加居然有问题，指着他的时候呢，他告诉我涉及到了另外一个规则，叫做 no plus plus， 表示禁用家家运算服务。 你仍然可以去点击这个 no plus plus， 进入它的规则描述，下面有详细的解释，有兴趣的朋友可以看一下。当然呢，我觉得它这里有点钻牛角尖呢，所以呢，我希望禁用它这个规则，不要剪它这种规则，因此我只需要做一个简单的配置 no plus plus， 把这个规则给它关闭 好，那么这里呢，就不再成为问题了。下面又出现了新的问题，他告诉我末尾呢，是要加分号的，缺失分号， 所以呢，把分号加上还有问题，他告诉我末尾还要新开一个空行。那么至于为什么要新开空行呢？同样的道理，你可以点击进去看一下他的描述，他告诉我末尾开一个空行是应用立刻式的操作习惯，后边有详细的解释，有兴趣的朋友可以了解一下。 我现在要告诉你们的是不是这些具体的规则，而是这个工具就像一个贴心的管家一样，时刻的关注你的代码质量，一些小的问题他都能够精准的发现。好，那么现在呢，就没有任何问题了。 这个工具的名字呢，叫做 e s， 这个东西啊，我可以这么跟你们说，所有的前端项目必定会用到，只要稍微懂一点前端的人搭建出来的项目一定有这个。这个玩意是一个代码风格管理器，他能做什么呢？他可以通过一个配置文件 叫做 esu， 但是他的配置文件有不同的格式哈，你们到时候学习这个技术的时候，会详细的学习，通过一个配置文件来告诉他应该适用于什么样的规则。他还有一些预设的规则，比方说用的非常广泛的叫做叫做 lbnb 规则 啊，是广泛的用于现在前段开发里边，他通过配置这些规则来进行代码风格检查，保证一个项目组里边所有人写出来代码风格都是一致的。有了制服串，到底使用单一号还是双一号啊？单条语句到底要不要加这个大括号啊？这些玩意都是可以配置的， 保持代码风格的统一，有助于整个项目里边代码的阅读，同时也能消除代码里边遗留的一些隐患。而我们看一下啊，一个新开的文具工程里边，他就会带有这个东西，你看你也是领着，所以说这个玩意不是框架带来的， 没有框架他照样能使用，他本身就是一个单独的东西。而且你们以后到公司里边啊，特别是一些大公司，他会有自己的一套规则来保证整个代法风格的延续，而且这个玩意呢，还能够作用于我们整个前端的生产线， 就是你把代码写出来之后啊，你不是要提交吗？对吧？提交过后我们可以在生产线上写一个自动化的脚本，让它自动检查你的提交代码，怎么来检查？就使用这个 es 定测，他有 apa 接口，可以支持编程的， 我们可以编写一段脚本来检查你提交这个代码是不是能够通过这个风格检查，如果说不能通过的话，给你打回去，让你重新修改。所以在我们以后的实战开发里边，这个玩意是你们一定会接触到的，只要项目上一定规模，只要开发的人员变多了，以前不成为问题的事情， 现在都会变成问题，都需要一个工具来解决。当然这只是工程化的非常非常小的一个点，后边还有很多很多的点，同学们敬请期待。

哈喽，大家好，我是斌哥。那么今天呢，有不少同学向我反馈呢，不会用 es 定的和 peter， 不知道他们两个之间的区别和关系是什么，因此的话呢，今天给大家做一次分享，那么介绍一下我们 es 定的和 peter 在我们的日常工作当中是怎么去运用的。 首先我们需要给大家明确一个概念，什么是 e s 定的？我们把这个单词呢拆解一下， e s 的话呢，是我们的 ecma script 它的简写，那它是我们 gs 的新一代的标准， 那令他的是什么意思呢？就是检查的意思。因此的话呢，我们的椰丝令他呢，他是一种代码检测工具， 主要用于呢检测我们的代码语法呢，是否符合我们的规范，他呢可以更好的去帮助我们的开发者呢？那写出更加规范的代码，那一般的话呢，我们像三年以后的同学的话呢，基本上都会必须要精通的，要要熟练的。可 可能我们刚入门的同学像一到三年这种同学啊，或许的话呢，对 eos 定的 pad 的不怎么会使用，一般都是我们的立带呢，把它搭搭建好，那么我们只需要按照这个规范呢去去执行就 ok 了。 好，那什么是 ptr 呢？ ptr 的话呢，它是一种代码的格式化工具，主要是呢，让我们的代码的更加美观啊，他们是相辅相成的啊，缺一不可的。当然的话，你可以不用 ptt， 但是的话，一般我们建议我们的项目里面能够去同时使用这两个工具。好，我们这呢给大家介绍两个工啊，两个站点， 第一个的话呢，是我们椰丝店的官网啊，就是有事没事呢上去翻一翻啊，我们学习的话呢，最好第一个呢先看官网，其次的话，如果官网理解不了，我们再去决定上面去搜一些博客。那么第二的话呢，是我们的 pearty 的官网啊， pptr 官网，上面也有很多的规则啊，帮助我们 去啊去做分析。那么第三个的话呢，是我们这个 vo 的插件叫 e s d 呢，普拉根硬杠 v o， 为什么还需要用 e s d 呢？普拉根 v o 呢？因为我们知道了 e s d 呢，它是 g s 的这个验证规则的啊，这个这个标准， 那么像我们这个微有结实里面他的模板，模板里面有一些，比如说我们要求这个循环的时候使用 k， 那这种的话呢，实际上是不是 usb 的较量的这种范畴之内，因此的话呢，他需要写一个自己的这种规则啊，等于是自定义规则，去帮助我们去完成无忧开发这种规范标准。 ok， 好，那么接下来话我们就给大家演示一下。首先呢我们打开我们的代码，那么第一步还是一样，我们需要通过工具，通过 vocra 呢创建一个 vo 项目啊，这个我们就跳过了啊，比较简单，创建 好了以后呢，他会自动的默认的去帮我们安装这个 e s 定的啊， e s 定的工具，比如说他会自带的去帮我们安装一个 e s 定的爬个音杠 v o 啊，这个是自带的好，我们会发现的话呢，这个派克机里面的话会多一个配置叫 e s 定的康费格， 这个配置的话呢，你可以放在派克机里面，你也可以放在外面啊，把它删掉啊，在外面去建一个椰丝定的 rc 点的，这个 gs 也可以啊，也可以啊，是他们效果呢是等同的。那这个配置的话呢，就是继承了我们这个官方的以及无忧自带的 啊，这个是无忧自带的啊，这个是官方的。 ok， 好，下面呢是一些 ros， 那一般的话呢，我们像这个啊，无忧里面的话会自带一些这个默认的教研规则，包括我们 e s d 呢与 come 的呢，里面也会包含一些我们自带的规则，如果说你对这规则的话呢，不满意或者说不 喜欢的话，你可以去修改一下。好，那么这个的话，你项目充电完以后的话，基本上他已经自带了。那我们这的话给大家做两个前提，就是我们需要在 vs 扣的里面去安装一下我们的 usb 的插件和 pet 插件，这两个插件必须安装一下，为什么呢？ 因为我们后面在做代码格式化的时候呢，会用到，就是你这个 vs 扣的能不能去格式化，我们的代码需要用这两个工具去格式化，因此的话是插件的是必须要安装的。好，我们这呢假设呢，你已经安装了， 那么接下来话我们给大家演示一下，比如说我们在开发的时候，有不少同学向我反馈，我们定一个变量报错 啊，为什么会报错呢？你会发现你鼠标一上去，他给你解释的非常的明明确啊，这个内幕已经被声明了啊，迪克尔等啊被声明了，但是呢，他的词 啊，从来都没有被读取到，你会发现你进了一个名称啊，没有去用，他给你了一个报错啊，这个就是 e s 令，他呢他的一个作用你会发现呢，这个 e s 令的规则的话呢，给你了，给了一个名字呢，叫闹 啊，安柚子的干袜子，这个是这个 ros 的规则的名称，就是禁止啊，使用没有被使用的这种变量，就是你不能够去定义啊，没有使用的这种变量 好，因此的话他给你有报错。那如果说我们想把这个错误关闭呢？怎么办呢？我们可以打开这个拍给几 打开拍一集，比如说的话呢，我们有一个入耳式呢，是我们刻意听这个啊，这个入耳式的话是我手中给大家添加的，就是你创建完项目以后的话，这个入耳式是空的，我们这次是为了给大家演示这个例子，因此的话这是我手中加的啊，那这个你要是默认开启是埃尔就是 到错啊，这个是规则的名称，叫 no 按柚子的杠袜子，这个变量从哪找呢？首先的话呢，你这个代码一上去之后，他会给你个提示啊，提示里面这个就是我们这个规则的名称，你点击一下的话呢，他实际上就会打开我们的网站啊，上面就是我们这个 usa 呢，他在官网啊，会有这个规则 啊，这规则里面的话就会告诉你这个语法啊，这个语法，你看这有这个报错啊， es 零的语法没有啊，被使用的话就会报错。好，下面这个是正确的语法，你看要先声明一下再去使用啊， 好，这个是这个例子。那，那如果说我们想不想让他报错怎么办呢？很简单，我们只需要把它关闭掉吧，我们啊咨询一下这个 off 啊，就关闭掉了，你看他是不是就不报错了呀？ 这个就是我们这个若的这个使用啊，这个这个这次的讲解的话呢，对我们一到三年开发者的话呢，非常有帮助，如果说呢，你三到五年以上的话，你完全使用，你可以跳过啊，我们这课程的话主要还是针对新手呢这个同学呢进行讲解的和分享的。 好，那我们再来演示一下，那如果说的话，我们把这个错误开启的话，我们啊同样让他报错，你把它使用一下他就不报错了 啊，你看我们但凡用一个衣服去判断一下他是不是就不报错了呀？啊，很简单，因此的话，我们在做的过程中你不要去定一些变量没有用到的，我们尽量建议大家能够去把这个规则给他开启了，就是你不用他也可以，因为他默认就是开启的， 他默认就是开启的，你不用他是会报错的，我们是为了为了给大家去这个演示。那最好的话呢，把这个 usb 开启，就是当你有些语法不符合规范的时候，他会给你一些提示啊，给你些错误提示，我们能够去快速去修复我们的这种问题，慢慢的去养成一个习惯，只要我们定一遍呢，一定要去用，如果说你不用的话，就要把它删掉，保持我们代码的这种整洁性和干净性。好吧， 好。第二的话就是我们经常打断点，我们一旦打了第八个的话呢，你会发现他会报错啊，因为我们把这个第八个的话呢给他关闭掉了啊，默认的话呢，你会发现默认的话呢，他是会报错的，你看， 但是的话，一般我们在开发过程中可能有的时候会需要用到底八杆，因此的话我们正好建议大家能够去把这个底八杆呢给他关闭一下， 就是尽量关闭一下，因为可能会用到帮助我们去调试。好，那还有个就是我们的双等和三等，你看我们使用等啊，双等的话是不会报错呀，这个是什么呢？就是我们的 啊，一口一口，一口三个，一口就是三等。那么埃尔的话呢就是报错，就是你不用三等你就报错，你想关闭的话也可以，那就是 offer off 是关闭， 你看是不就播报错了啊？这个取决于你的习惯啊。就是啊，可能我们在街市里面的话开发，因为他没有用 ts， 那不是一个抢语言啊，或许的话你觉得麻烦的话，我们你可以把它啊关闭掉，就是可以使用双等号。 如果说你本身是用贴纸开发的话，那这个问题可能就不存在了啊，因为贴纸开发的话，一定会用三等啊去进行判断。好，这个是我们这个啊，双等和三等这种区别。那还有话，比如说我们这个康嫂，你比如说我们店的这个康嫂，我们不想让大家用康嫂呢去定义的话，你可以在拍给你们去 啊，禁止康少，把这个康少的话呢给他打开叫埃尔报错，这个时候的话你用康少的话他就会报错了。好，这个呢是给大家做了一个简单的演示啊，其实规则有很多有很多，我们这的话呢就不做一一的介绍，比如说的话，你打开这个官网里面有个 ros 弱势里面的话，这每一个呢都是这个规则的名称，你比如说你搜索一下这个， no， 康嫂，就是禁止康嫂，禁止康嫂。呃，这个，哎，没，没出来是吧？ 啊？好，这个是不是就是禁止抗草了呀？啊？那这个是呢，他的一些使用的一些讲解。好，那每个规则的话呢，都有对应的这种案例啊，对应的案例你可以按照官方文档，如果说官方文档看不懂的话，你再去搜索一下博客 啊，通过别人的分析啊，去帮助我们去消化啊一些内容。好，那比如说缩进的话，其实我默认缩进是两个空格，比如说你想缩进四个空格的话，你就是四 啊，我们再来保存一下，你没发现啊？他是不是如果是两个空格的话，是不是就报错了呀？四个空格的话是不是就不报错了呀？好，那么这个呢是 usb 呢？他的一些简单的一些教验。 那么这儿的话，大家可能有个疑问，这个 e s 定的话到底是怎么去用的？我们给大家解释介绍一下。那第一个呢？这个 k 是我们 e s 定的规则的名称，就是入二的名称。第二个的话呢有几个参数？ 嗯，比如说我们删掉，我们打个双引号，是不是有个提示呀？埃尔，就是报错，就是你不用我这个语法，你就报错，比如说三等，你不用三等他就报错。第二次把这个规则关闭掉，就是你用，你不用 他也不会报错啊。第三个的话呢，是这个警告，就是你如果说不用三等，我只是给你一个警告啊，我把这个二呢先改过来， 你看他只是给一个波浪线，他是个警告啊，这个是他的一个语法，那么那么第二个中括号啊和双引号呢？这种区别是什么呢？ 就是比如说的话呢，你像这种规则的话，就是开启和关闭，对吧？你像这个，这个引凳的缩进啊，引凳的缩进，包括我们这个双引号是用双引号，这个引号是用双引号，单引号呢，第二个参数呢是他的参数，就是 如果说你是纯粹的啊，是开启的关闭的话，你就用一个参数，如果说你想去传参啊，比如说这个缩进的这个值是二还是四还是六，你可以传参。那第二的话是我们的参数，这个参数的话 呢，取决于你这个规则怎么去用啊？他可能是数字，可能是字物串，也可能是 object， 这个你要看官方的文档，他的语法是什么知道吗？那这个的话呢，比如说引号，我们用单引号啊，你不用单引号的话，他会报错，你比如说的话，我们这呢啊，使用双引号啊啊，当然这边有格式化，双引号呢，是不是报错了呀？ 是报错了，因此的话呢，这个也是他的一个开启。好好，那这个是第二参数，就是参数，我们这的话已经把这个语法给大家介绍完了，那接下来的话我们就进入到第三块，就是我们的腿跳 啊，那 prot 的话呢？是我的美化啊，美，美化工具啊，就是什么叫美化工具呢？他不是帮我们去做语法检查的，你比如说要不要去加分号啊？要是用双引号还是用单引号，这个实际上也是我们的美化，以及说我们这个代码到底是 多宽，你比如说现在这个宽度呢？啊？太短了，比如说我们这个代码里面写了很长啊，写了很长，你其实你看不全，我们想让他更短一点啊，他会自动去帮啊，帮帮，我们去格式化一下，比如说我们把这个，但这个文字的话，可能不太好格式化哦， 如果说我们写的是这个代码块，比如说啊，这样吧，我们把这个 pet， 比如说宽度呢改成二十，我们只想让这个每一行的宽度呢是二十，我们保存一下，你会发现这个宽度是不是就控制在二十了呀？ 啊？稍微会短一点，因为这个文字他是不能过去格式化掉的啊，如果他不是文字的话，是标签，他就会控制一下，比如说我们把这个啊改成标签吧，这个文字因为他是一整段啊，不能过去分割开的开的。我们这的话呢，用一个 pp 标签，再用一个 spa， 好打几个文字字母啊，再打几个实拍，我们保存一下，他是不会格式化断了格式化掉呀，如果说我们把这个宽度的话呢，拉大一点，八十 啊，这个应该还是会被格式化掉，我们来看一下，你看他会控制到你这个宽度呢，大概是在八十，就是不超过八十，这个是不是我们代化代码的美化呀？ 好，那我们需要给大家讲一下这个 ptr 怎么去用啊？那刚刚讲了，你必须要 vs 扣断去安装 ptr， 一定要安装 ptr 这个插件，市场里面要安装 ptr 啊，就是你安装完之后他才能知道用这个 ptr 这个这个插件去格式化你的代码。好， 安装完了以后的话呢，我们需要在我们的项目的跟末路呢去创建一个叫 pat rc 点 gs， 那这个里面的话呢？比如说我们这个缩进叫 table why 的事啊，这个椰丝丁的话，他叫这个银蛋挞啊，我们可以把这边的话给他删，先删掉啊，删掉，我们这边先不用这个椰丝丁的这种规范，我们用 pet。 比如说呢，我一般的话我们给大家讲解就是你的语法检查，你在椰丝里面去控制， 比如说像闹坑少闹。第八个包括变量为使用，但是的话你的代码美化，你像缩进完全是属于代码美化这种范畴，那么你最好呢去使用我们的啊陪替呢去做，比如说呢缩进是两个两格啊，分号以后语句后面的话统一去加分号， 然后呢这个是尾随逗号，就是什么叫尾随逗号呢？就是我们这个代码写完了之后，后面需不需要去尾随对号逗号啊？我们比如说的话呢，我们二就是需要的啊，那么你比如说我们保存一下是不是就多了一个逗号， 好呀，多了个逗号，好，这个呢是单引号啊，是用单引号，我们把它改成双引号，借口保存一下是不是自动会变成单引号呀？就是他他会自动去帮你去处理这个代码， 好，还有我们的这项打印的宽度，就是每一行他的宽度不要太宽了，太宽的话呢不方便我们这个啊去查看啊，可图性会变差，然后呢这个是健康函数，当然还有很多啊，你可以去这个夜司令的官网去看，这里面的话有很多规则都是可以去调的啊，去去改的。 ok， 那么大家这个眼睛的同学可能会发现呢，我们为什么代码保存一下会自动去帮我们格式化呀？啊，这个很神奇啊，我们必须要给大家讲一下第四块就是我们代码的格式化，我们这的话呢，有一个文件呢，叫塞挺子点节省，你看到了， 我们需要给大家配置一下这个埃迪特点仿迈的昂 c 步，就是代码格式化，保存的时候自动去格式化我们代码。 那这个你最好呢去在这个项目里面去建一个 vs 扣的，这个是局部配置，你也可以去做全局配置，就是我们打开 vs 扣的里面这个首选项啊，设置 啊，你搜一下这个仿迈腾啊，他是不是有一个全局的格式化呀？啊，塞天的节省，这里面有个全局全全局的这种配置。我们这的话呢啊，我个人不太习惯用全局配置啊，因为有些项目的话可能不想这么去做，不同的项目，他的风格不一样，我们这呢建议大家去做局部配置，就是他只会影响你这一个项目。好， 你把它保存进去，我们建一个 vs 扣的文件夹，然后放一个塞体式的节省，那么里面配一下这个 atteter 点方便昂 c 步，那这样的话呢，我们在代码保存的时候，他就会去格式化 我们的代码了啊，他会用 pet 呢去格式化我们代码，那你像双引号，单引号啊，宽度都会用啊， petr， 它的规则呢？去格式化好。那么刚刚啊，有些同学可能会看到了，我们这边上面还有一个配置，就是叫啊这个扣的 axxincep， 这个是格式化什么的呀， 这个呢是格式化，我们的椰丝电台的，就是有些语法啊，帮助我们去自动的去格式化调 啊，格式化调，比如说的话呢？呃，这个是就是修复我们的椰丝定的的一些啊，一些语法，我们怎么给大家举举一下例子呢？比如说同样的话是分号，我们比如说我们把这个下面这个先注视掉啊， 现在的话用我们先把这个两个都同时注视掉吧，注掉以后的话，你看我们这的话呢，比如说我们用这个双引号啊，借口 保存是不是没有任何的反应啊？因为我们把这个格式化已经去掉了，对吧？那假设的话呢，我们这个椰丝定的若儿里面的话呢，我们配的是 也是叫引瞪他啊，引瞪他，然后呢？比如说呢是埃尔报错，对吧？比如说我们这个缩进的话，我们用四个空格，他很明显他会报错吗？对不对？是不是已经报错了？那假设的话，我们这呢，现在我们开启我们这个 es 定的的格式化 啊，我们来保存一下，我们来看一下他是不是会用 esd 呢？他的格式呢？规则呢？去格式化我们的代码 啊，这个是 es 定的格式化和 pt 的格式化他的代码的这个两个区别啊。啊？我个人习惯性的话呢啊，用一用 pet 的格式化，那不用这个 es 定他的，这是我个人的习惯啊，我们把这个还是删掉，我们不配这个若尔斯， 我们这的话还是统一去讲这个，你看还是用 pat 的去格式化啊，这个字是我个人的一个习惯啊，今天的话主要是给大家讲解一下我们这个 es 定的和 pat 呢，怎么去使用啊？包括他的一些语法的介绍 以及说的话呢，我们怎么去自动可视化我们的代码啊？这个这节课可能性量比较大，大家消化的话可能需要一点时间啊，如果说喜欢的同学可以先收藏一下啊，慢慢的去看，慢慢的去用， 最好的话呢，能够去自己去创建一个项目，把这些规则的话呢，跑一跑，用一用啊，慢慢的去加强记忆。那后面的话呢，你开发的过程中啊，你可以把你的公司的项目啊变成这种 usb 的培训这种风格的 啊，或许的话呢，对你的这个职业生涯能够去有一定的帮助和加分啊，比如说你同事不会配，你会配，你把这个事情做的话呢，可能就会让你的力道的话呢，就会很很高兴啊，很开心 啊。好，接下来我们给大家做一个总结吧啊，时间比较长了，那么第一个的话呢，是安装我们的 usb 呢和 ptr 插件啊，切记。第二的话呢，使用 vuci 呢去创建 vu 项目，我们这个交价的话呢，建议大家去安装最新的啊，一般现在是四点零啊，四点零和五点零了啊， 三点零的最好不要用了，太旧了。我们这的话一般是四点零和五点零啊，是目目前的啊，用的最多的一个，加油加版本了， 然后的话呢，默认是开启的，就是你创建这个项目的话，默认他是已经开启了。第四的话呢是配置入耳规则，这个入耳规则的话呢，微友会帮我们啊，有一个自带的默认的这种规则，如果说你不习惯的话呢，你可以自己去改一下， 一般的话，我们在公司里面的话都是去搭建自己的这种开发规则啊，你可以把一些你认为好的这种规则的话呢，定义好，让他按照你的风格呢去 做啊，比如说把底巴盖的话呢，关闭掉，不要让他去报错。好，那么 这个第五的话就是添加 prot 配置啊，他可以帮助我们去美化我们的代码，然后呢第六个就是添加 vs 扣的配置，就是给这个项目去添加配置，让代码去保存的，去自动格式化我们的代码， 好吧，呃，这个是我们这节课给大家分享内容。呃，刚刚稍微有点给大家忘了讲了，就是比如说的话呢，我们在啊，因为我们在啊做了过程中如果说他报错的话呢，可能会影响我们这个项目的启动，我们来给大家演示一下啊，这没报错是吧？比如说的话，我们定一个变量，我们没有用 啊，可能会报错啊，哎，这边没报错啊，我是我把那个配置给关掉了，我们有个 welcome figure， 忘了给大家讲的就是这个 lindang sieb， 如果说你不想要这个项目有一些规则验证的话呢， 你可以把这个另当 c， 不设置为放肆就可以了。当然的话我们建议大家要不要去配置，最好就让他报错，因为帮报错的话呢，可以帮助我们去更好的去改进好。这节课呢，信息量比较大啊，喜欢同学的话可以先收藏一下，好，谢谢大家。

当电信机顶盒出现这种进行零配置，请稍等的时候，他需要我们输入 it 业务业务账号进行手动设置，具体操作步骤如下， 这里我们点击遥控器上面的设置按钮，进入到设置页面，选择 itv 业务设置，点击确认，这里输入密码， 点击确认，进入选择业务账号，选择中心平台，这时 向下选择业务账号，这里的业务账号和业务密码我们可以咨询我们的运营商。 这里输入的时候点击确认一下，调出软件盘，然后在这里可以直接输入我们的业务账号， 账号和密码，输入完成之后点击确认， 下面会显示保存成功，这时我们点击遥控器上面的返回按键，返回 到主设置页面，这时我们选择网络设置，选择确认，进入， 这里输入管理密码，点击确认，选择有有线连接，选择拨号模式， 这里的宽带账号和宽带密码同样我们从运营商处获取， 这里我们输入完账号和密码之后，点击确定，他显示正在拨号， 请稍等，显示拨号成功，这时我们按住遥控器上面的返回按键，一直返回 退出，这时他们会提示机顶盒的重要参数已修改，请确认重启生效，这时我们点击确认，等待重启， 至此我们的设置完成，可以进入直播画面了。

啊那么在结束的时候呢我们再给大家讲一下啊这个关于呃如何保存的问题啊如何保存啊就是保存配置 啊保存实验配置啊怎么保存呢啊有各位同学还是出出问题的啊所以配置完之后提交上来零分啊。那为什么呢嗯没保存成功啊啊怎么保存配置呢 啊我们打开所有的这个呃配置啊然后要在这个设备的用户仕途下输入 save 这个命令啊然后回车选择歪啊选择歪啊。如果说他现在要让你确定所存放的这个名字啊让你确认一下你要如果他 这样的话你再回车啊有些同学以为出个 y 就完事了啊有时候你要再确认一下他让你再确认一下怎么知道保持成功了呢直到你看到这个单词啊 successfully 啊成功了那才算你保持成功了啊。 好这是第一步保存成功啊保存 这里要输入 y 啊这里要输入 y 啊。呃如果说他这个地方还停在这里啊如果说还停在这里啊如果 还停留在这里啊 那这个时候你还是需要这个时候还需要再数再敲回车啊 回车确认啊好直到你看到这个单词啊 successfully 啊成功了 只要你看到这 这里啊才保存成功啊 哈 啊那这个就是这个就代表你保存成功了没有呢啊如果说只是考试啊 那你如果只是考试那你这样就可以玩了啊当然你所有设备都要保存啊其他所有设备都要进行同样的操作其他所有设备 进行 以上操作。 好那这样如果说是考试呢你这样所有所有设备都要进行保存就可以了啊，然后这个地方点击交卷，然后生成答案就可以了。 但如果说你要保存整个这个配置，而且保存保存整个这个套谱，保存你整个这个文件，你这还是不够的，你还需要在这个地方再保存 你，你就是你其他地方都已经 c 五完了啊，都已经通过 c 五去保存了，都已经通过 c 五去保存了，然后你这个地方还要再保存什么呢？还要再保存 才可以啊，你整个文件才会保存下来，不然你只是 c 五，然后你这个地方不保存，那你这个配置还是没有被保存下来啊。好，这是第一个啊，关于保存啊， 进行以上操作即可， 点击，嗯，交卷， 然后生成答案， 答案这个文件呢叫 a s 文件， 这是点 as 文件啊，答案文件， 当然这个过程还需要啊，输入考 考生 id 啊，输入考生 id 就是你的名字啊，然后保存位置，保存路径，设置保存路径， 然后生成答案啊，只要把这个答案交上来就可以了啊，这是考试模式啊，那如果说啊，如果说你要保存 保存整个项目文件，积极配置 整个项目 top 以及配置，还需要进行一下操作 啊，就是 要点击这个保存啊，点击这个保存这个保存。

大家好，欢迎大家继续来到尼尼克斯学习之路基础篇，我是大飞， 上一期呢，我们留给大家一个问题，我们的 ip 例子配置保存了之后并不会立即生效，那么这个时候如果服务器重启了，配置还生效吗？啊，这里的答案是，其实你这个服务器上的大多数的服务都是这样的， 嗯，修改配置之后呢，保存之后不会马上生效，但是重启服务 这个过程中就会重新加载这个配置文件，所以是重启服务之后生效的。如果服务器重启了， 那么福气上的服务也会随之重启，所以已经保存的配置他就会生效。 这一期呢，我们一起来看一个非常实用的命令， let state 命令 net state， 看字面的意思就是 network state， 呃，它就是用来查看这个 主机上的网络连接状态的，我们之前接触的 ip 地址啊，陆游啊， 操作的呢是在网络层的数据，那么 nine state 它更高了一层，是用来查看这个传输层连接状态的，也就是主要用来查看主机上的 tcp 和 udp 的连接状态。 跟通俗一点说呢，我们可以通过 neceet 命令来看本机和远端主机之间通过什么协议，通过什么端口进行了通信， 然后我们来看看他的用法， let the state 不接选项直接输出的结果其实是这样的，给大家演示一下 let the state 直接说错的话会有很多，但是有些信息对我们来说是用不上的，所以一般我们都会跟一些选项在这里呢，我将最常用的选项直接做成一个套路分享给大家。首先是 next stat gun lntp， 我们在这里执行一下 这个命令呢，他用来查看主机作为服务器正在监听的 tcp 端口，你这里开的可以看 他是 internet connection only service 服务器端监听的 tcp 端口。 我们在服务器上安装好服务之后，如果要检查当前的服务是否已经正在对外提供服务，就可以用这个组合 lntp， 它实际上是四个选项的一个组合，那么这个 l 表示 listen， 正在监听，这个 n 表示 number， 哎，它也就是 number 的一个形容词。 嗯，不带 n 选项呢。 nice state 会把他能识别的协议用名称显示，我们如果需要用数字形式显示，就要加 n， 比如这里我把这个 n 去掉， 大家会看到这里有 s h h h m t p， h t t p 等一些协议，还是有一些以数字形式显示，那是 nat state， 没有识别的。 好了，我们回到 lntp 的输出，这个 t 表示只显示 tcp 的连接，但我们也可以用 u 来表示，显示 udp 端口。最后这个 p 表示 process， 就是要把网络监听的后台进程也给他显示出来。我们来看看 night state 才显示的几个列。首先是 protoco 协议， 这里可以看到是 tcp， 如果是有 u 的话，他就是有 udp， 这点六表示，我们这个主机支持 ipv 六协议站， 我们可以通过杠 t 或者杠 u 把它显示出来。第二个和第三个 receive q 和生的 q 表示接收队列和发送队列，一般为零，这里我们了解一下就好了。然后是 nocorez 本地的地址，包括端口号， 后面是 foreign address， 表示远端的地址 state 状态。大家如果熟悉网络知识就应该知道 tcp 它是有状态的，但是 udp 没有状态。 最后的 pid 和 program name 也就是我们最后说的进程，我们再来看其中的一行典型的输出， 比如这个第二行， 他是 s h 远程连接的 服务器守护进程，那么他的 pid 我们看到是一零二零，监听的是 tcp 的二十二端口开放给零点，零点零点零冒号星表示开放给所有主机连接， 那么这行就表示我们的 s， s， h， d 服务器已经准备好了，所以我现在才可以用当前这个特秒斯，它是一个 s s h 的客户端， 通过我的服务器 ip 和二十二端口来连接我们常用的第二套组合 杠 antup 杠 l 表示你省显示正在监听状态的服务，那么也可以用 a 来表示显示所有状态的， 这里有个 t， 后面我们加了一个 u， 也说了让 t 表示 tcp 连接， u 表示 udp， 那么我们这里将 tcp 和 udp 同时显示出来，那么他的输出是这样的， 那么他这里有显示的，他显示的是 internet connection， service and established， 就是服务器和已经建立的连接都显示 我们之前有一个雷神状态，那么现在我们看到有已经 连接的建立连接的叫 sw 联系状态，还可以看到一个弹幕位的状态，这个表示即将关闭的连接。 我们找到我们刚才二十二端口的已经创建的连接， 那么这个远端 foreign address 就是我的客户端， 那么这个是本地服务器开放的二十二端口，那么这项连接也就是我从远端连接到当前服务器的。 实际上我们的状态可能不止于这三种，需要进一步拖软的同学可以查一下 tcp 连接状态。 好了，以上就是 nest state 常用的一个组合和他选项的一个说明。我们当然还可以用 no state gonna help 来了解更多的选项，了解了各个选项的作用，我们也可以自己组合自己想要的选项。今天呢， let's say it！ 的命令不多也不难，但是对尼克斯来说，这是一个很重要的命令。 正如我们刚开始学习网络命令的时候说的就是命令他是一部分，但是对基础网络知识的掌握也是必要的一部分。 这期视频呢，我们没有提问，不过最后还是要强调一下这个练习的重要性，我们学了理论之后呢，一定要马上用起来，在实战演习中将这个 知识转化成技能，这才算是一个高效的学习，这也是我们习得技能的一个客观规律。如果不尊重这规律，比如说我想要学的快一点，那么我就一天看十个视频，但是一个都不练习，也不回顾不复习， 表面上好像学的很快，但是这样子没有办法真正的掌握，到头来可能很容易会忘记，导致之前这个投入的学习时间也浪费了。最终应验的那句话叫做欲速则不达。 另外呢，我们练习过后是要有输出的，我们看视频、看书是一种知识的输入，相对于知识的这个输入来说，知识的输出对我们掌握也是同样重要。如果大家可能 平时输出少，那么这个会显得更重要一些。大家在学习和练习中得到的那些知识，很有必要总结一下，写成一个有质量的 笔记或者文章，我相信日积月累，最终大家能发现他们呈现出的远比想象中的价值更大。好了，今天的视频就到这里，谢谢大家观看。