老师不知道为什么我写代码的时候代码会自动往上移动

老师不知道为什么我写代码的时候代码会自动往上移动

就是,我在写css的时候,写了{}按了回车以后,如果几秒内没有再输入内容{}就会自动收起来位于一行,而且在css文件里如果在已有内容的一行上面回车放出来一行,如果几秒内没有输入内容上面的那个空行就会自动消失。

在html里面写的时候,不管是在已有代码的一行的上面回车还是下面回车,几秒内没写东西光标会自动跑到新插入的行的最开始,之后写了东西的话,写出来的内容会自动格式化对齐。

老师知道这个该怎么解决吗?写css的时候,稍微思考一下再写的话很容易就写串行了,甚至 } 都会消失,太影响了呀

正在回答

登陆购买课程后可参与讨论,去登陆

5回答

同学你好,老师不能确定同学做了什么操作导致的,但是深究没有意义,现在能够正常使用编辑器就可以了。重点是学习知识,不要跑偏哦。

祝学习愉快!

好帮手慕星星 2020-04-28 19:49:24

同学你好,是想要保存之后自动刷新页面吗?可以再vscode编辑器中安装下面插件

http://img1.sycdn.imooc.com//climg/5ea81806097a1c7104220106.jpg

右击文件,出现菜单,选择在live server中打开

http://img1.sycdn.imooc.com//climg/5ea8181609dabeb605920742.jpg

当文件中代码改变保存的时候页面就自动刷新了,可以测试下。

祝学习愉快!

  • 提问者 Aurora_Meteor #1
    我是想像,我什么都没点,但是会出现代码自动格式化之前那样: 代码在vs里写完以后,在页面刷新时,代码会自动保存并格式化并且页面显示的也是代码保存以后的结果。(该不会我的电脑之前可以做到那样是意外吧…)
    2020-04-28 20:14:58
  • 提问者 Aurora_Meteor #2
    之前的情况应该是,代码会自动保存,但是不会自动格式化。我在网上搜好像有个说是禁用js.css.html formmat插件就可以了,但是我禁用以后没有效果,还是会出现我一开始的时候那个自动保存并且格式化的问题
    2020-04-28 20:17:21
好帮手慕星星 2020-04-28 14:15:28

同学你好,是不是在文件中勾选‘自动保存’了呢?如下

http://img1.sycdn.imooc.com//climg/5ea7c9d4096559b703950802.jpg

自动保存会出现同学这种情况,建议取消之后试试,应该就没有问题了。

祝学习愉快!

  • 提问者 Aurora_Meteor #1
    取消以后确实没问题了。不过以前把html文件运行到浏览器后,刷新页面以后文件内容就会自动保存了的,不知道这个自动保存有没有开启,但是没出现过之前的问题;现在取消了自动保存,刷新页面,文件内容不再自动保存了要手动保存再刷新页面,页面才会变为新内容。 要刷新页面的时候文件内容跟着保存,页面变为最新状态,是必须开启自动保存才行吗?现在这个情况我想不出现之前的问题是不是只能手动保存再去刷新页面才行了?
    2020-04-28 15:02:48
提问者 Aurora_Meteor 2020-04-28 10:47:58
好帮手慕星星 2020-04-28 09:56:34

同学你好,从描述中老师无法确定问题所在。建议说的具体一些,便于老师帮助解决:

1、用的哪个编辑器

2、写代码的时候是怎么操作的,例如写完div{}之后是否有保存,保存的时候可能会格式化,导致换行没有了

祝学习愉快!

  • 提问者 Aurora_Meteor #1
    1、我用的vscode,昨天重启了电脑结果还是一样,今天再打开依旧是这样的【我录制了一个GIF,在上面,您看看】 2、写的时候没有任何保存,就只有在已有内容的代码行上面插入新的一行或者下面插入新的一行。然后在新的一行中,短时间内如果没有输入内容的话,在html中新插入的行光标会自动移到行头,而在css中新插入的行就会自动撤销;另外如果写了内容,但不是一次性写完的话,html和css里都会自动格式化,和其他内容对齐;而在css中写入的注释会自动与上面的代码空2行和下面的代码空1行;css中在已有内容行上面插入一行然后写样式时,如果短时间内没写完的话,新的内容会和下一行内容合并为一行,移动到下一行已有内容的前面,但是光标还在上面新插入行的原来位置,(直接在上一行的内容后面新写代码的话,一样会新内容自动的跑到下一行内容的前面,与下一行合并为一行)。不知道这些问题是缺少插件还是怎么了
    2020-04-28 10:57:44
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师