html网页设计初学(零基础学习HTMLCSS网页设计)

5.配置liveServer

Live Server基本概念

  • 一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。
  • 插件➡liveServer➡install(安装)

可以直接在浏览器中预览我们的网页效果,实现自动刷新。网页自动刷新,但网页的变化是随着我们代码的改变而改变的,我们需要每次输入新的代码自己保存之后才可以展现出新的代码。

代码自动保存

打开设置⬇

  1. 文件➡首选项➡设置
  2. ctrl ,
  3. 在软件的左下角根据设置图标打开

html网页设计初学(零基础学习HTMLCSS网页设计)(1)

Files: Auto Save

  • 控制自动保存未保存的编辑器。设置为afterDelay(每隔多长时间保存)

Files: Auto Save Delay

  • 控制自动保存未保存的编辑器之前经过的延迟(以毫秒为单位)。仅当 Files: Auto Save 设置为afterDelay时才适用。设置为想要多少毫秒刷新保存一次

html网页设计初学(零基础学习HTMLCSS网页设计)(2)

html网页设计初学(零基础学习HTMLCSS网页设计)(3)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页