当前位置: 首页> 科技> 能源 > 旅游网页设计模板图及代码_手机最新发布_互联网销售平台_2023年4 5月份疫情结束吗

旅游网页设计模板图及代码_手机最新发布_互联网销售平台_2023年4 5月份疫情结束吗

时间:2025/8/11 17:02:35来源:https://blog.csdn.net/weixin_43405300/article/details/143966551 浏览次数:0次
旅游网页设计模板图及代码_手机最新发布_互联网销售平台_2023年4 5月份疫情结束吗

VSCode的配置:

  • Ⅰ、VSCode 可能需要的项目配置:
    • 1、项目颜色主题的切换:
      • 其一、点击设置 -> 选择主题 -> 选择颜色主题:
      • 其二、通过上下键操作,选择想要的主题:
    • 2、项目文件图标主题的切换:
      • 其一、点击设置 -> 选择主题 -> 选择文件图标主题:
      • 其二、通过上下键操作,选择想要的主题:
    • 3、大纲和时间线的作用:
      • 其一、选择展示大纲和时间线的操作:
      • 其二、大纲的作用:
      • 其三、时间线的作用:
    • 4、设置字体大小的操作:
      • 其一、设置全局的字体大小:
        • A、点击设置 -> 选择设置;
        • B、输入字体并搜素:
      • 其二、设置 Ctrl + 滚轮可调整字体大小:
        • A、点击设置 -> 选择设置;
        • B、输入字体并搜素:
    • 5、设置代码自动保存的操作:
      • 其一、点击设置 -> 选择设置;
      • 其二、输入自动保存并搜素:
    • 6、设置生成 html 标准属性值的操作:
      • 其一、点击设置 -> 选择设置;
      • 其二、设置在 html 标准中可以使用的 lang 属性值:
  • Ⅱ、VSCode可能需要的插件配置:
    • 1、加载简体中文插件:
    • 2、加载 vscode-icons 插件:
    • 3、加载 Live Server 插件:
  • Ⅲ、VSCode配置 Live Server 插件可能遇到的问题:
    • 1、打开文件时,Live Server 插件无法正常工作:
    • 2、在浏览器上打开文件后,更改文件无法自动刷新:
  • Ⅳ、VSCode使用的细节问题:
    • 1、双击打开文件与单击打开文件的区别:
      • 其一、双击打开文件:
      • 其二、单击打开文件:
  • Ⅴ、小结:

Ⅰ、VSCode 可能需要的项目配置:

1、项目颜色主题的切换:

其一、点击设置 -> 选择主题 -> 选择颜色主题:

在这里插入图片描述

其二、通过上下键操作,选择想要的主题:

// 默认是选择 Dark Modern 主题;

在这里插入图片描述

2、项目文件图标主题的切换:

其一、点击设置 -> 选择主题 -> 选择文件图标主题:

在这里插入图片描述

其二、通过上下键操作,选择想要的主题:

// 其中的 VSCode Icons 是通过安装插件而多的选项(安装该插件的操作下面有叙述);

在这里插入图片描述

3、大纲和时间线的作用:

其一、选择展示大纲和时间线的操作:

// 点击资源管理器的 …,然后不想展示哪个,就去掉大纲或时间线前面的对号即可;

在这里插入图片描述

其二、大纲的作用:

// 点击文件(如:03_HTML标签属性.html)后,再打开大纲,发现该文件中的 html 架构都能在大纲中看到;

在这里插入图片描述

其三、时间线的作用:

// 点击文件(如:03_HTML标签属性.html)后,再打开时间线,通过点击时间线中不同的已保存文件,可以看到现在的文件与之前有什么区别,修改了哪些内容;

在这里插入图片描述

4、设置字体大小的操作:

其一、设置全局的字体大小:

A、点击设置 -> 选择设置;

在这里插入图片描述

B、输入字体并搜素:

// 在 Editor: Font Size 属性下,输入字体大小即可(如:14 或 22);

在这里插入图片描述

其二、设置 Ctrl + 滚轮可调整字体大小:

A、点击设置 -> 选择设置;

在这里插入图片描述

B、输入字体并搜素:

// 在 Editor: Mouse Wheel Zoom 属性下,选中即可;

在这里插入图片描述

5、设置代码自动保存的操作:

其一、点击设置 -> 选择设置;

在这里插入图片描述

其二、输入自动保存并搜素:

// Files: Auto Save 属性中有四个属性值:
// off 表示:不自动保存;
// afterDelay 表示:该属性与 Files: Auto Save Delay 属性配合使用,表示写好代码后,延迟多少秒会自动保存;
// onFocusChange 表示:当文件信息修改后,只要切换成其它文件,上个文件的修改信息就会自动保存;
// onWindowChange 表示:当文件信息修改后,切换成其它 Windows 窗口后,该项目修改的文件都会自动保存;

// Files: Auto Save Delay 属性与 Files: Auto Save 属性的 afterDelay 配合使用:
// 单位是毫秒(ms),即:写好代码后,延迟多少毫秒会自动保存;

在这里插入图片描述

6、设置生成 html 标准属性值的操作:

其一、点击设置 -> 选择设置;

在这里插入图片描述

其二、设置在 html 标准中可以使用的 lang 属性值:

// 用户 -> 扩展 -> Emmet -> Variables 属性

// 通过添加项来添加 lang 属性值为:zh-CN;

在这里插入图片描述

// 此时再自动生成 html 标准结构,就会发现 lang 属性值自动设置为 zh-CN;

在这里插入图片描述

// 当然添加 utf-8 属性也是如此,也可以通过该方法添加 html 标准的属性值;

在这里插入图片描述

Ⅱ、VSCode可能需要的插件配置:

1、加载简体中文插件:

// 扩展 -> 如下图,搜索 Chinese,找到插件安装即可;

// 中文插件作用:将英文的界面切换为中文界面;

在这里插入图片描述

2、加载 vscode-icons 插件:

// 扩展 -> 如下图,搜索 icons,找到插件安装即可;

// vscode-icons 插件作用:将所有类型的文件,前面都带有特定的图标;

在这里插入图片描述

3、加载 Live Server 插件:

// 扩展 -> 如下图,搜索 live,找到插件安装即可;

// vscode-icons 插件作用:通过 Live Server 插件打开文件夹下的文件,就类似于从服务器上访问该文件,且代码出现改动后,可以自动刷新;

// 打开网页的方式更贴近项目上线;

在这里插入图片描述

Ⅲ、VSCode配置 Live Server 插件可能遇到的问题:

1、打开文件时,Live Server 插件无法正常工作:

// 由于被打开的文件只是一个单独的文件,而非存在于一个文件夹内,因此在右键点击 Open with Live Server 时,不能正常工作;

在这里插入图片描述

在这里插入图片描述

2、在浏览器上打开文件后,更改文件无法自动刷新:

// 要求:被打开的文件必须是标准的 HTML 结构,否则无法自动刷新;

// 如下:非标准的 HTML 结构的代码;
在这里插入图片描述

// 如下:标准的 HTML 结构的代码;
在这里插入图片描述

Ⅳ、VSCode使用的细节问题:

1、双击打开文件与单击打开文件的区别:

其一、双击打开文件:

// 双击打开文件(如:08_HTML设置语言.html),发现标题是正的(即:不是斜体字)
//且在切换其它文件时,该双击打开的文件会在窗口保存,不会被覆盖;

在这里插入图片描述

其二、单击打开文件:

// 单击打开文件(如:08_HTML设置语言.html),发现标题是斜体字(即:不是正的)
//且在切换其它文件时,该单击打开的文件不会在窗口保存,会被覆盖;

在这里插入图片描述

Ⅴ、小结:

其一、哪里有不对或不合适的地方,还请大佬们多多指点和交流!
其二、若有转发或引用本文章内容,请注明本博客地址(直接点击下面 url 跳转) https://blog.csdn.net/weixin_43405300,创作不易,且行且珍惜!

关键字:旅游网页设计模板图及代码_手机最新发布_互联网销售平台_2023年4 5月份疫情结束吗

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: