webstorm对比vscode

大家说一下，我编辑器是用的是 jet brain 旗下的 restaurant， 因为前端开发嘛，比较喜欢专精的工具啊，就直接用 restaurant 来去做。那如果用了 jet brain 旗下的任何一款产品啊，比如说 id 啊，或者是 psb 说明也好，你都可以去使用我那个主题啊，那个主题其实是他应该会在下一代会发布，当前是一个测试版的产品，那如果测试站产品你想去用的话，他也提供的用的。这个途径我们可以看一下，首先我们要按取双 shift 啊，按两次 shift 就可以了， 然后我们在这个快捷菜单里面可以写一下 registry， 然后这第一个是我们的当前这个许可啊，不是这个啊，是在这里 registery 我们就可以看到啊，我这边因为我选择过他这边就会有，如果你你没有找到的话，你可以直接在这边去写一下 id experimental ui， 对吧？然后这个 我们就把它勾上，那这个时候你会发现有一点变化了啊，其实是现在还没有去完整的去变更啊，他需要去做一次重启啊，整个 id 工具就要重启一次。好，重启完毕以后我们稍微等一等， a few minutes later 啊，我们的这个皮肤就启动成功了，这个皮肤还蛮不错的，就是因为他还在去测试阶段，所以他有些功能还是就是有些 ui 的一些界面啊，还是有点问题的，比如说我让他变大了，当前这个是因为我在直播间里面给大家去看到这个内容啊，我把字体变大了以后，你会发现有些地方可能 不完整啊，你如果，呃想要看到他整体的这个效果的话，其实就是他的一个默认的纸啊，大概是十四 px 左右的一个纸，就会发现这个界面就会好看很多。那就这样子，那我神学伊利关注我，你在编程途中不再迷路。

从零到一学前段之外所有的基本使用操作，咱们在打同学们具体使用 vs 扣的软件之前呢，首先有一个使用前的基本要求，同学们需要能达到哦。 首先第一个要求呢，咱们的 vs 扣的软件需要同学们都安装完毕，除了软件本体需要安装的之外呢，同学们还需要安装两个插件， 一个呢叫做 chinese， 这个插件安装完了之后呢，就能让咱们当前的 vs 扣的中的界面文字呢全都变成简体中文的，这样呢同学们使用起来会更加的顺手一点。 第二个插件呢叫做 opening bross， 安置完这个插件之后呢，咱们就可以直接通过 vsq 的来打开咱们的浏览器，会更加的方便一点，简单来说就是选择 vs 扣的左侧的第五个按钮，然后搜索咱们插件名字，直接点安装呢就行了。明确了咱们 vs 扣的使用之前的要求之后，那首先第一步呢，咱们需要双击打开 vsq 的，打开完了之后呢，第二步咱们需要将文件夹拖拽进来， 那这里呢，咱们就打开刚才所创建好的 d 零一代码文件夹，然后呢将文件夹左键按住不放，一直拖拖到咱们 vs code 的窗口过来， 直接呢放在这放手呢就行了。这样看呢，同学们会发现咱们在 vs q 的左侧呢，已经打开了咱们 d 零一代码文件夹，并且咱们当前文件夹中所对应的网页在咱们 vs q 的左侧也都能看得到。那接下来呢，咱们还需要创建咱们的 文件，那怎么创建呢？也很简单，咱们只要点击文件夹目录的第一个按钮叫做新建文件即可直接输入咱们所要创建网页的名字，比如说零三 vs code 的基本使用就行了。 这边注意点在于千万需要小心，咱们创建的页面后缀需要加上哦，后缀名是 dht ml， 写完之后一回车呢，这样一个网页就被咱们创建出来了， 而且同学们会发现咱们使用 visco 的创建的方法比使用记事本呢更加的方便一点。网页创建出来之后，那么接下来咱们的操作就是要往咱们当前网页中书写代码了，之前咱们使用记事本呢，咱们想教骨架结构，咱们是自己写一对坚果号，后面写上斜杠， 再写上 htm 放在这的，这样做呢太麻烦了。同学们既然使用的是开发工具，咱们可以使用开发工具所提供的一些基本快捷键，那这里呢老师就给同学们说几个 vs code 的常见快捷操作。第一个快捷操作呢叫做快速生成标签， 咱们之前需要写一对建国号，而现在咱们只要写上英文加上太不见呢就行了。那这边呢咱们就给同学们来演示一下哦， 那比如说咱们想写一个网页，首先需要完成他的基本股价，首先整体是咱们的 html 这么一个标签，按下看不见，直接帮咱们生成了一个标签， 然后在 htm 标签的里面呢，还有咱们对应的头叫做 head 标签，然后呢 在头的下面还有一个是身体叫做 body， 表现在头部里面还有一双布灵，布灵的大眼睛叫做抬头表现。 泰特标签里面呢写的是咱们网页的标题，奥包的里面呢写的是咱们网页的主体内容，使用 vs code 的快捷操作，这样写标签呢更加的方便一点， 而且呢咱们标签之间的层级关系， vs 扣的也会自动用咱们的缩镜来去表示，看起来呢也非常的直观， 写完代码之后一定要记得去保存他，否则这边会给你提示一个未保存，或者这边呢会给咱们显示一个小圆点，按下 ctrl 加 s 之后呢当前的文件就被咱们保存好了。当然有些同学呢，可能在一开始呢并不习惯 这么一个操作，咱们可以直接点击 vs q 的上方的文件按钮点击一下，这其中呢有一个选项叫做自动保存，点击一下 点完了之后呢，他的效果就是一旦咱们修改了当前文件的内容，他会帮咱们自动保存，而不用咱们按下 ctrl 加 s 哦，那这样呢，可能同学们会觉得方便一点，那此时咱们怎么样用浏览器来看他的效果呢？ 除了咱们之前直接找的文件双击点开之外呢，咱们在这里还可以使用刚刚在 vs 扣的中安装好的插件，也就是咱们的 open 音 bros， 具体操作呢就是我们在网页中直接右击，然后呢选择 oppo in default browse 呢就行了，同学们想看到这个按钮呢，必须得安装了咱们 open bros 插件才行哦，咱们想看当前的网页，直接右击选择其中的 oppo 的 bros 呢就行了， 同学们呢也可以使用快捷键，就是 l 加 b 键，也是可以直接打开的。现在呢咱们就通过 vs code 呢直接打开了咱们的网页，看到了最终所展示的效果哦，那说到这里呢，想必同学们已经知道了咱们 vs code 的基本操作， 那最后呢，咱们再来教同学们一个 vs code 的基本操作，咱们刚才说到了，其实每个网页呢，他的骨架结构都是一样的，那么每写一个网页都需要将他的骨架写一遍，这样做呢，有一点麻烦， 咱们是可以直接通过 vs 扣的中的快捷键帮咱们自动生成基本股价的，就是这边所展示到的使用感叹号加 上看不见呢就行了。在这样一个快捷操作中呢，有两个注意点，同学们需要小心一下的。 第一个注意点就是咱们这边所写的感叹号呢，必须得是英文状态下的，否则中文的呢是无效的。 第二个注意点就是咱们必须要保证当前文件的后缀是点 htm， 要呢才能自动生成，否则是无效的。咱们将这边的代码全都删除掉， 咱们可以写上英文状态下的感叹号，按下太不见呢就能直接出来骨架结构 们会发现有 htm 有有害的，有咱们对应的抬头，有咱们对应的 body 该有的呢都有。有同学可能会说，老师，咱们 vs code 帮咱们生成的骨架感觉多了一些很多的其他的内容啊，那这些内容呢，又是干一件什么样的事情呢？ 对于其他多出来的部分呢，同学们目前可以先忽略掉他，咱们到后面呢，会给同学们专门介绍到咱们多出来的部分，分别表示什么样的意思哦。

web storm 前端开发工具介绍，最智能的 javascript id， 轻松进行 javascript 开发， 功能齐全。 web storm 二零二二年二月最新变化，差点忘了说在哪里下载，和 p h p storm 一样就不多说了，继续看最新变化。 对 angular 独立组件的支持针对 view 三的更新 type script 四点七支持 angular j s 支持终止。由此可见，还在用 angular j s d 小伙伴得抓紧了。集成开发者工具， 内置远程开发工作流针对刀客的改进，针对 http 客户端的新功能，捆绑了 jetbrain space， 集成用户体验运行当前文件的新方式。 功能专门针对 javascript 打造开箱急用体验针对 javascript 的专用环境智能编辑器代码补全，代码质量分析安全重购快速文档。 还有更多代码编辑增强功能。集成开发者工具 javascript 调试单元测试高级版本控制集成集成终端许多其他集成工具导航和搜索 团队合作， 可自定义环境 ui 自定义 许多按键映射可供选择。知识库了解 web storm， 看看知识全英文，你们看吧，我也看不懂。 好吧，这次让你看看，看看这玩意到底多少个刀了！

自信青端的以下几个好工具，能让你轻松的找到工作。第一个 webstom 前端最强大的变音器，特别是无敌的智能提示。它的缺点在于呢，项目很多很大的时候呢，不懈的卡顿。第二个就是我们的 vs co 千端开发者的 必备便捷器，除了工具呢，你还得学会科学的。上午百度出来的东西呢，其实重复性比较大，垃圾信息比较多。 google 是我的必备搜索。滴答哈，全球最大的同性开源交流社区，在这里能够找到你需要的工具或者代码。 在开发过程中，任务重，时间紧，应该避免重复造轮子。三个 offer 国外著名的技术问答交流社区，开发时碰到的很多问题呢，在这里都能找到答案。如果你英文不好，也可以在这里找找答案对应的。国内版的技术问答交流社区， 适合喜欢写博客的同学使用，他格式拍板就可以避免这些烦恼。下一期告诉你自学前端都看哪些课程，文档都准备好了，记得关注我。

对成员来讲，开发工具直接影响了我们编码的效率。今天给大家分享一个主流的开发工具，建议点赞收藏。 c 加加程序员选择扣的 blocks 解压即用，非常方便 加瓦成型，这不推荐 eclipse 是内存好， cpu 建议换成 ida， 不光界面简洁，而且共同震力强大。 pass 推荐使用 westcode， 不仅启动速度快，而且有丰富的插胶，系统跟代码的更重能力很强悍。最后给大家强烈推荐的是 jackey brins 家族， 这个家族主打各种各样变成语言的 ipass 有排场， gs 有 wibis tom 加瓦有大名鼎鼎的 ida， 他们家的产品作为一个主力工具绝对没问题，放心。但是手头紧的小伙伴就烦死了，大家平时都在用什么开发工具呢？欢迎评论区留言告诉我，关注我，每天分享编程干货！

前端开发工具介绍，最智能的 javascript id， 轻松进行 javascript 开发， 功能齐全 web storm 二零二二年二月最新变化，差点忘了说在哪里下载，和 php storm 一样就不多说了，继续看最新变化 对 angela 独立组建的支持针对 view 三的更新 tap script 四点七支持 angulargs 支持中止。由此可见，还在用 angulargsd， 小伙伴得抓紧啦！集成开发者工具， 内置远程开发工作流。针对 doctor 的改进，针对 http 客户端的新功能，捆绑了 jet brace space， 集成用户体验运行当前文件的新方式。 功能专门针对 javascript 打造开箱即用体验。针对 javascript 的专用环境，智能编辑器，代码补全、代码质量分析，安全重构快速文档。 还有更多代码编辑增强功能。集成开发者工具， javascript 调试单元测试、高级版本控制集成集成终端许多其他集成工具导航和搜索 团队合作， 可自定义环境 ui 自定义 许多案件映射可供选择。知识库了解 web storm， 看看知识全英文，你们看吧，我也看不懂， 好吧，这次让你看看，看看这玩意到底多少个刀了！

啊，因为最近有很多人就问我啊，编辑器怎么去用，用什么来好啊？我，我其实跟大家推荐大家可以用 vs co 的，我 觉得还是一个相当不错的一个编辑工具，其实他装好了之后就是这个样子，然后 vs 扣的呢？大家可以看 vs 扣的，他从看代码的角度来讲，他的观赏性还是不错的，就是他里边他通过各种高亮给你展示出来的代码结构，让你看起来稍微有一种赏心悦目的感觉，然后 他这个是怎么达到的呢？这个就是我们在用 vs 扣的时候，他本身只是一个变音机器，但是如果你想让他变得比较好用的话，其实你是可以 安装很多插件的。 vs 扣的他的一个好处就是他是一个开源平台，所以很多的开发者给他贡献了很多的这个插件，很多插件都非常的好用，比如说我给大家推荐几个啊，我自己最推荐的一个叫 night owl， 这个是叫黑夜猫头鹰，它是一个主题插件，就是装了之后你的 visco 的会变得很漂亮，就像我这样子，我这个好看，也是因为我装了这个黑夜猫头鹰的这个插件，它就会让你的整个的高亮看起来就非常的漂亮。然后除了这个之外呢， 有一个叫 pray tear 的一个插件， pray tar， 这个插件是如果你是做前端开发的，那我强烈建议你要装这个 pray tar 这个插件 pra tear， 它的作用是帮我们来做 cold format， 就是帮我们来把代码进行格式化的，就是很多情况下我们会发现自己写的代码不好看 啊，是因为我们不，不是很不是很很会去把这个代码做一个很好的格式化。我们俩举个例子大家就明白了。比如说我现在这个是一个加巴斯 creeper 的代码，这个代码里边假设我把它整的就写的很乱， 写成了那么长一行，这长一行肯定已经超过八十个字符了，这在我们编程来讲是不对的，我们应该保证每一行在八十个字符以内， 因为我装了 pray tea 这个插件，我一点保存，它自动就会把我这个代码给它格式化成一个最好的一个格式。其实 prata 它有一些预定的预先的一个设定，它是根据一个比较好的方式来帮你把你的代码格式化成一个固定方式，这个非常好， 非常好用。如果你是做前端开发的话，给大家推荐一下，现在我们组内就就都在用这个，这样的话就可以保证大家的代码在格式上是一致的。然后格式一致他就有一个很大的好处，就是我们在写代码的时候，因为 比如说你在公司开发一个项目，你在公司开发项目的话，那你不可能是一个人在开发，你肯定是你们组内会有很多的程序员，很多的程序员他就有可能，呃，我们在开发一个项目的时候， 可能我和另外一个成全在改相同的一个代码，这个时候他就会这个代码就会出现冲突，就是我在 往服务器上提交的时候，他也在提交，这个时候我们改了相同代码会有冲突。如果说我们两个的代码的格式有很大差别的话，那你在做代码的末制的时候，就代码的合并的时候，你就会很很很头疼，你就要处理很多的这种跟格式相关的问题。 但是如果你们都用了相同的普瑞特，你们的格式是一样的，那这个时候你只需要处理代码逻辑部分，交缠到一起的部分，其他部分你不用管。像之前我们没有用普瑞特，就大家都没有，所有人都用，之前有的人用了，有的人没有用。我们有一个文件，他的这个代码量比较大， 在和那个代码的时候，如果你跟别人发生了冲突，你，你和那个代码，你就会非常非常的头痛，需要花很多的功夫来改那个，所以这个翡翠可以帮助我们解决 个问题，然后剩下一个，嗯，给大家介绍一下，大家一定要装的就是 gear guitar， 不知道大家都清楚吗？ get 是一个就是软件协作的一个工具，版本控制的工具。我们在开发软件的时候，第一是我们需要知道软件历史的版本，为什么需要知道历史的版本呢？那是因为 有这个历史他有一个很大的好处，就是比如说我们代码改错了之后，我们可以回缩到之前的一个版本里边去。如果你装了这个给的 gurf 这个插件，就是刚才这个 get graph 这个插件啊，白格位。如果你要装的话，其实你就可以把这个插件这个蓝点开，就这个按钮点开了之后，你直接想装什么插件，你直接搜就可以了。比如说你搜 get， 他就会把跟 get 相关的插件都给你列出来，然后你就直接点击，没有装的话这儿有个 install 直接安装就可以了。 然后如果说有很多类似的插件，你装哪个呢？你就可以看一下他这边会有七百一十五 k， 就是说这个插件已经有七百一十五 k 的人装了，然后标星是四点二五，四点二五星就已经比较高了，那就证明这个插件用的人非常多，而且他的质量也非常好，那大家就可以来装这个。然后呢接着给大家介绍这个给的古拉夫 girlf， 它有一个特别大的好处，就是比如说我把我的命令长打开之后，这个有一个 gilograph vo girlf， 就是去看一下我们这个 项目，他的一个历史的版本，这里就会给你列出来这个项目都有谁改过，在什么时间，这是时间。 然后这个是人名，就是谁改的，这个是改修改的时间，然后这里是 cmeat message， 也就是当我们在做代码提交的时候，你需要写一段话，正就是写一下你为什么要做这个提交，这是很关键的，我们通过这个文字就能 大概了解。哎，这个项目到底就这个改动，他到底改了点啥？然后当你点开的时候，你就可以看到 这个修改，改了哪几个文件啊？这个改的不多，所以就可以不用管，我们可以找一个改的多一点的，比如说这个，这也是一个 啊，随便找一个我看看，这也是一个，然后这个点开了之后，他就可以帮你这有一个上下按钮，就是你可以看这个，这个人到底改了哪些内容，你就点上下，只改了一个就不管了，再找一个多一点的啊，比如说这个， 这怎么全是一个的，想给大家找一个多点的，还不好找也是一个。 这个比如说这个有两个，那它的一个好处就是它会给你列出来 这个这次提交都改了哪些文件，然后当你点击这个文件的时候，你还可以看到他修改了哪些内容，你点上下他就会给你切换到这还是只有一个改动， usb 加一减一，他这啊这个这个 ok， 这个你点上下的时候，他就会给你切换到下一个改动的点，这样的话你就可以看到这次的改动究竟改了哪些文件，然后这些文件分别改动了哪些点， 乖乖改动了哪些点，对于我们来看代码的话其实是非常方便的，然后呢他还有一个好处，就是 比如说啊，我们这次发板了之后发现这个代码有点问题，那我想要去看一下究竟是哪一个改动导致我出现的问题，那这个时候怎么办呢？你可以右键一点，这里有拆 cout， 就是你可以 会把代码回缩到之前的某一个版本，然后你看一下这个版本有没有问题，如果这个版本也有，你可以再往前回缩，然后这个时候如果说这个版本没有，你可以往后一点，这个时候你就很容易定位到到底是哪一次的改动导致了你这个问题。所以说这个是迪德国尔夫，这是非常方便的一个功能。然后还有一个插件给大家推荐是 叫 guitar lens， 这个插件非常的好，它可以帮助我们看一下我们当前这个文件里边究竟谁在什么时间点改动了这一行，比如说你想看一下这一行是谁改的，你就把你鼠标放到这儿， 你只要把鼠标放到这一行，他就会告诉你是谁在什么时间点在六年前改的一个代码，然后 come message 是什么，他为什么改的这行代码？然后你放到这的时候，他还会给你有 一个详细的说明，你还可以看到底他改了什么样的内容。那这有什么好处呢？就是比如说啊，你们，你们在代码你们组内发现了一个问题，然后你定位到这个问题是 这一行代码引起的，那这个时候怎么办？你只需要把鼠标放到这，然后他就会告诉你这个代码是谁改的，然后你一看我靠我改的这个代码就知道了，这原来是自己给自己埋的锅，这就知道怎么去处理了。 然后除了这个之外，还有一些比较好用的，比如说 geet histree， 这是我们 geet 的版本的一个一个东西，这个其实也是非常好，就推荐大家去装。 然后还有就是除了这些我推荐的之外，还有就是比如说你是啊写弗拉特的，那你就要装这个弗拉特的插件，如果你是写 c 的，你就要装 c c 呀的这个插件，就是你是写什么样的语言的，你就把这个语言相关的插件也装。比如说你写 passan 的，你就在这儿敲一个 passan， 他就会把拍损相关的插件给你列出来，我已经装了这个，你要想装其他的，你就直接点一个安装就可以了，但是这个只有两星可能就不太好，你就不用装了，你就装一个标星多一点的，大概就是这样，就是你要装一些啊好用的插件，然后再加上你使用什么样的语言，你就安装这门语言的插件就可以了。 然后还有一个给大家提醒一下，就是在在这个 vs 扣的里边，比如说我在搜索的时候是，嗯， ctrl 加 f， 他会调出这个搜索框。在调出搜索框的时候，比如说我想搜这个泰斯的迪塔 dto data， 大家可以看到 test data 的时候，他会把这几个都标出来，包括这个也给我标出来了，这是因为在搜索的时候我们可以这这里有两个空支键，我不知道大家能看清吗？放大点，这里有两个， 这个是包，是说他是啊 match case， 就是说他大小写也要匹配，如果你这个不勾的话，他不区分大小写，哪怕你这是个大写的底，他也会会给你匹配出来。如果你把这个勾了，大家可以看到这儿，这个就没有被匹配到，然后只有这个， 就你看点上下就没有，就说他要要求你的大小写完全匹配，当你把这个去掉之后，他就会忽略大小写的匹配， 然后后边这个指的是全部匹配，就是比如说我现在是个胎斯的 data， 如果不勾这个，就是他只要部分匹配到他就可以，包括这个胎斯的 data， 后边还有个 iq， 他都能给我匹配到，比如说这个， 这都是能够匹配到的，如果你把这个勾上的话，他就只是全匹配，然后除了这两个之外呢？后边还有一个正德表达式的匹配，如果大家对正德表达式很熟悉的话，用正德表达式来搜也是很方， ok， 这个是搜索方面的，搜索方面呢，在文件内部搜索是 come on 的 f， 这是在单个文件内部搜索的，然后如果你是在整个项目搜索，就是 come on， 加 shift， 加 f， 他就会在你整个项目当中去搜索，就搜索的内容会更多一点， 然后剩下一个还有一个技巧，就是如果说你不想这么麻烦，只是单纯的我想把这几个都改了，这怎么办呢？你就把这个双击，然后 ctrl d， 他就会把这几个都选中， 然后都选中了之后，比如说我想把它改成，哈哈，你这一敲，所有的都会被改成，哈哈，这个就很方便，这是一些快捷的一些方式。 ok， 那这个就先跟大家说这么多，然后看看大家还有什么样的问题。 对，就是刚才，刚才有 朋友也跟大家回啊，说了一下，我用的这个啊，我用的这个是 vs 扣的，我再跟大家打一下 vs 扣的。 vs 扣的。我跟大家敲出来了， vs 扣的 这个叫 vs code， 它是微软推出的一个编辑器，我我觉得对于初学者来讲， vs code 还是相对比较好用的。就如如果大家是初学者，然后想用一款编辑器的话，就大家可以用 vs code， 然后它有非常多的插件，非常好用， 这个在各个平台都有，包括 windows、 麦克，还有利尿斯迪亚都有，他穿插件的方式应该都是一样的，就不管你是在 什么样的平台。爸爸，哎，宝贝，把奶奶爷爷叫上。好的，哈哈哈，就不管你是 什么样的平台，你装插件都是点击左边蓝，这有个 excession， excession 就是它的插件，你直接点开，然后在这边搜索，你就可以装你想要的插件就可以了。我是强烈大家推荐大家如果说写代码的话用 vs 扣的非常的方便。

我不知道你们有没有这么思考过一个问题。

今天我发现了一款神仙级别的 vs 扣的插件，他的下载量居然达到了一千五百万，极其的恐怖。打开 vs 扣的扩展商链，搜索利普 sod， 点击右下角安装插件，很快就会装到你的 vs 扣子中。那么他到底是做什么的呢？他最主要的特点就是快，通过鼠标点两下，就可以在任意目录建立一个文件服务器， 并且自动打开浏览器访问你选中了文件。我前面介绍过，萨姆可以在任意目录创建一个服务器，他也是一样的，但是他比萨姆更加快捷，因为他只需要用鼠标点几下就可以了。 另外他支持检测文件改动自动刷新浏览器，这也是一个非常便捷的功能。接下来来看一看实际操作效果。先创建一个比较简单的 skimi 文件，然后右键点击这个文件，再点击 oppowitstwitoppophone， 浏览器就会自动打开，并且从幺二七点零点零 点一中访问这个文件。在调试前段网页的时候有这么一个工具，那真的是非常的便捷。服务器启动的时候，在 vs 扣留下脚， 会提示在哪个端口启动了这个服务器，浏览器自动刷新再更改文件，并且保存。之后利浦 sorry 会检测到文件改动，并且自动刷新浏览器，这一点就可以避免你频繁的手动刷新浏览器，非常的方便。他可以检测到服务器下面所有的文件。我再创建一个 app， 点 h tm 文件，然后访问，然后再更改 app， 点 h t m， 然后再保存。 界面一样可以刷新指定自己想要的端口，利普斯本默认使用五五零零端口，你可以在设置中进行更改，点击文件首选项，设置搜索利普色本，然后找到 steps pro， 点击进去，然后修改右侧的数字就可以了。我这里把端口从幺二三四修改成五千。这里要注意的是，需要先关闭服务器，然后再开启服务器，这个端口更改才会 生效。服务器重新启动之后，原来的一二三四端口就不会再提供服务了。修改默认浏览器内部搜索，会默认使用系统默认的浏览器。打开网页，在设置中找到 卡斯顿博士，这里把它修改成麦克斯的 ag， 然后再选择预览我们的赢家之前的切换软件，他就会用 ag 浏览器来访问这个地址了，非常的方便。我再把它换成 fapps， 同样的，他就会选择用火壶来打开这个地址了。 修改主机地址内部三万，默认会使用幺二七点零点零点一来访问我们的文件，把它修改成 logo hols 之后再来进行预览，浏览器的主机地址就变成了 logo cos， 当然幺二七点零点零点一照样也是可以访问的。 最后不得不说呀，就这么一个扩展，他的下载量居然有一千五百万，真的是太牛了呀！

电动开发还是 yobstone 比较好，看到了吧，非常的人性化，安装一下，结束点一下。

webstorm 二零二三安装加激活教程，我们解压后会看到这几个文件，我们先双击开始安装 下一步，下一步等他安装完成， 我们先不要点启动，我们点完成，我们找到他的快捷方式， 我们先不要启动，我们打开这个工具， 然后再执行这个文件，这两个顺序不要搞反了，这个是卸载之前的，这个是安装最新的， 然后我们打开激活码 复制一下，然后打开软件 整体进来，然后软件就可以打开了，打开之后我们看到它是英文版的，我们可以点这个位置， 然后输入中文， 然后安装第一个， 安装完成之后我们点一下重启， 我们看到就已经是中文版的了，这里就可以开始新建项目。

最近有人问到一些 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 组建时，他也可以自动生成组建视力代码。

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

分享几个非常实用的 vs 扣子的小插件，如果你掌握了，能够迅速的提高你在工作当中的研发的效率。第一个呢咱们就分享这个六十五，具体怎么安装呢？就点这，然后你搜一下，对吧？还会有一个这个按钮，因为我已经按弄过了，我就不安装了。 接下来我给大家演示一下这个礼物烧火是什么呢？比如说咱们平常过程中，如果要是 ui 或者说 pm 找我们，对吧？那我们快速做一个页面，那么我们做完之后想看什么效果？比如我点那个感叹号，对吧？我点一个推宝，或者说点这个，他会快速的生成这个来填本文档， 那么生存完了之后，我在这里边会写一些东西，写一些东西，我想看一下这个写完之后在页面上是什么效果呢？我按照完这个插件之后，这里面会有一个 oppo vs 发的效果，这样呢，我写完之后看他会在两边打开，他也是自动更新的，比如说我删了他之后， 对吧？我删了他啊，他也会自动自动更新。然后第二个插件呢是分享这个他是一一款拼写错误检查的一个字一个插件，对吧？常见的比如说 我们写代码的时候，给变量命名的时候，有可能我们他的英文字母我们会会命名错误一个那个福斯特，对吧？福斯特英文单词， 如果这样他肯定会有一个报错，报错的话他会有一个提示，这个肯定这个，这根本就没有这个英文单词，对吧？那么我们可以快速的修复，那修复了没有的话，其实我们我们可以自己改一下，对吧？复式的，然后对于这种破脱封命名啊，也特别是比如说第一个字，对吧？这样写肯定不对的，就没有这个英文单词吗？脱封了。 嗯，这个插件呢是分享这个 vs 扣的 com， 是 vs 扣的 com 呢，比如说你装完之后，对吧？咱们的这个文件的前缀，比如 gs 文件，或者说 atm 二文件，他的前缀他会变，嗯， 还有这个图片文件下载文件，我这装一下给他演示装完了。那么装完之后呢？你可以看一下，看到没有，咱们的图标全都变了，对吧？相当于会在这个文 旁边添加图标，让我们更容易识别文件啊。还有一个插件，就是说这个插件可以自动补全我们文件中的这个引用的路径和文件名，比如说咱们这个 ts 的 dit 八，对吧？比如说我们这时候我们要以一个外链的 gs， 他就能自动给我们补全了，对吧？如果你们喜欢这些插件，赶紧点赞收藏吧！