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