2021年1月-第02阶段-前端基础-HTML+CSS进阶-VS Code 软件

技术2021年1月-第02阶段-前端基础-HTML+CSS进阶-VS Code 软件 2021年1月-第02阶段-前端基础-HTML+CSS进阶-VS Code 软件Visual Studio Code

2021年1月-阶段02-前端基础-HTML CSS高级-VS Code软件。

Visual Studio Code(简称VS Code/VSC)是微软公司推出的一款现代轻量级代码编辑器。它支持几乎所有主流开发语言的语法高亮、智能补码、GIT等功能,支持插件扩展等。官网下载地址:https://code.visualstudio.com/.

软件安装

VSCode软件

能够安装VS代码。

熟练使用VS Code软件。

能够安装VS代码最常用的插件。

1. VS Code简介

1.1 VS Code 简介

Visual Studio Code(简称VS Code/VSC)是微软公司推出的一款免费开源的现代轻量级代码编辑器,几乎支持。

所有主流开发语言都有语法高亮、智能补码、GIT等特性。并支持插件扩展等。

推荐理由

开源比崇高,轻于网络风暴。

聪明的提示是强大的。

带上埃米特。

插件安装非常方便。

自带强大的调试功能。

该软件支持跨平台的Win、Mac和Linux。

2. VS Code安装

2.1 VS Code 安装

官网下载地址:https://code.visualstudio.com/

安装步骤:

愚蠢的安装,直接进入下一步。

如果需要更改默认安装路径,可以在选择目标位置时直接修改。

为了将来使用,建议创建桌面快捷方式。

3. VS Code使用

3.1 文件目录管理

文件(文件)-打开文件夹(打开文件夹)。

界面主要分为EXPLORER(资源管理界面)和代码编辑页面。

3.2 颜色主题

设置首选项按钮-颜色主题。

在弹出的选择主题界面,选择自己喜欢的主题界面。莫诺凯和威震是一个风格。

3.3 其他操作

放大和缩小:ctrl和ctrl-

复制一行:alt shift 。

向下复制一行:alt shift

光标点击一行时,默认选择整行,可以直接复制剪切。

3.4 VS Code 使用总结

VS Code是微软Formula推出的一款非常轻量级且易于使用的编辑神器。

去官网下载安装这个软件。

学习目录管理文件的功能:文件-打开floder。

学习更改颜色主题:设置首选项按钮-颜色主题。

能记住最常用的快捷键。

4. VS Code 插件安装

4.1 安装方法

单击左侧的扩展图标,在搜索框中输入要安装的插件的名称,然后单击“安装”进行安装。安装后,需要重新加载。

使软件插件有效。

4.2 推荐安装的插件

插件

作用

VS代码的中文(简体)语言包

中文(简体)语言包。

在浏览器中打开

右键单击浏览器以打开html文件。

网页格式器

每次保存时,js css和html代码都会自动格式化。

自动重命名标签

自动重命名成对的HTML/XML标签。

CSS Peek

跟踪到样式

注意:插件安装需要联网。

禁用或卸载已安装的插件

在扩展界面,点击“更多操作”(三点),选择“显示已安装的扩展”,在列表中找到要禁用的插件,点击“禁用”或。

可以“卸载”。同样的操作后,需要重新加载才能生效。

扫一扫下面的二维码,关注我们,获取更多精彩活动资讯,有好礼相送哦~

微信赞助 微信打赏 支付宝打赏

千里之行,始于足下。

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/36338.html

(0)

相关推荐

  • C# PowerPoint中如何添加、修改和删除动画

    技术C# PowerPoint中如何添加、修改和删除动画小编给大家分享一下C# PowerPoint中如何添加、修改和删除动画,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获

    攻略 2021年11月19日
  • Java如何将Word转为PDF、PNG、SVG、RTF、XPS、TXT、XML

    技术Java如何将Word转为PDF、PNG、SVG、RTF、XPS、TXT、XML小编给大家分享一下Java如何将Word转为PDF、PNG、SVG、RTF、XPS、TXT、XML,相信大部分人都还不怎么了解,因此分享

    攻略 2021年11月24日
  • Mybatis,二)

    技术Mybatis,二) Mybatis(二)Mybatis(二)三、优化 Mybatis 配置
    我们已经在之前的学习中,学会了如何编写一个简单的 Mybatis 项目。很显然这还远远没有正真了解 My

    礼包 2021年11月26日
  • 集合框架-工具类-Collections-排序

    技术集合框架-工具类-Collections-排序 集合框架-工具类-Collections-排序1 package cn.itcast.p2.toolclass.collections.demo;2

    礼包 2021年10月26日
  • HTTPS协议的原理及其与HTTP协议的区别是什么

    技术HTTPS协议的原理及其与HTTP协议的区别是什么这篇文章给大家介绍HTTPS协议的原理及其与HTTP协议的区别是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。HTTPS协议是什么https

    攻略 2021年11月12日
  • EditPlus密钥算法源码是怎么样的

    技术EditPlus密钥算法源码是怎么样的这篇文章主要为大家展示了“EditPlus密钥算法源码是怎么样的”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“EditPlus密钥算

    攻略 2021年11月23日