-
用户界面
VSCode的基本布局:
【1】活动栏:最左侧的一列,包括资源管理器、查找、源代码管理(也就是接下来要讲解的Git)、debug调式(一般用于后端的调理)、插件安装
【2】侧栏:活动栏里具体的项。
【3】编辑器:编写代码的区域
【4】面板:左下角有个错误和警告的提示,点击出来的就是面板。该面板包括问题、输出、调试控制器、终端,常用的就是终端,比如建Vue项目时就会使用它,相当于cmd。
【5】状态栏:最下面这一条,包括警告和错误,行列代表鼠标所在位置,空格代表缩进(因为不同的格式标准由不同的格式要求,有的是4空格缩进,有的是两空格缩进,还可以使用tab缩进),还包括字符集,行尾序列,语言模式(不需要手动设置,他可以自动识别)。
项目的新建与引入
【a】文件夹的操作
软件中没有新建文件夹功能,这里通过在桌面创建文件夹,在软件内打开文件夹就会自动引入该文件了。
创建项目的目录:项目包括常见的CSS、JS,这里可以点击第二个图标新建文件夹,第一个是新建文件,第三个是刷新,第四个是折叠(所有打开的文件夹都会关闭)。
【b】文件的操作:点击第一个图片就可以新建文件,也可以点击文件夹来创建文件。
注意:在vscode新建文件时,一定要加后缀,如果不加,它就相当于一个文本。
查看全部 -
重点强调内容
查看全部 -
Visual Studio Code课程介绍
vscode简介:一块免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器。
vscode优点:免费、开源、有海量的扩展插件(可以更好的帮助编写代码),轻量(不会占用大量的内存和CPU,不会对电脑造成卡顿)
课程内容:
【a】用户配置(界面,主题,快捷键等配置)
【b】Git配置(Git下载、安装、使用)
【c】扩展插件的安装和使用(包括常见的插件介绍)
VSCode下载与安装:
百度搜索vscode或者直接访问https://code.visualstudio.com/(安装过程中,有个添加到PATH默认是勾选的,因为在使用一些后端的语言时,它需要PATH的支持,比如node、python。
软件的汉化: 左边的菜单栏,最后一个图片,方块它是一个扩展插件的安装页面,这里搜索Chinese
查看全部 -
git就是一个代码管理工具,是一个开源的分布式版本控制系统。可以有效、高速地处理从很小到非常大的项目版本管理。
git的工作流程:workspace是我们电脑的工作区域,repository是本地仓库,remote是远程仓库。
查看全部 -
1、clone克隆 clone+地址(git clone ‘地址’)
2、add添加文件 add+文件名(git add index.js)
3、commit 提交 commit + (-m) + 提示信息 (git commit -m 'add index.js')
注:不加提示信息提交不上去
4、push 推送上去 先登录GitHub(git push)
5、pull 修改的文件(拉拉取代码) (git pull)
checkout--检出(将误删文件找回)(git checkout)
查看全部 -
git:项目管理【开源的分布式控制系统】
workapace:电脑工作区
repository:本地仓库
remote:远程仓库
查看全部 -
git clone <远程仓库地址> // 克隆远程与仓库
查看全部 -
git流程
查看全部 -
块注释:shift+alt+a
查看全部 -
常用快捷键
查看全部 -
checkout , 检出?讲得好。
查看全部 -
editor.multiCursorModifier
查看全部 -
git工作流
查看全部 -
快捷键介绍(二)
查看全部 -
常用快捷键介绍
查看全部
举报