zoukankan      html  css  js  c++  java
  • VSCode入门--各个模块的功能+主题设置+快捷键的使用+git的基本使用+git在VSCode中的结合使用

    VSCode优点:

    1、免费,开源

    2、海量插件

    3、轻量

    去官网下载,傻瓜式安装

    汉化:

     中文简体安装完成之后记得重启

    设置缩进方式:(根据自己的喜好)

    主题设置:

    文件--首选项--颜色主题

    可以通过上下键切换颜色进行预览

    禁用主题:

     

     可以选定主题进行禁用

    图标主题:

    文件--首选项--文件图标主题--安装其他图标主题

    选一个自己喜欢的(通常我选择下载量较大的)安装

     切换之后图标样式真的很不错了

    用户和工作区的区别:

    用户设置:全局的

    工作区设置:仅在打开工作区时有效

    (工作区设置,全栈工程师常用;纯前端一般使用用户设置较多)

    文件--首选项--设置--用户设置

    进行常用设置

    (按住alt可以进行多行输入,sublime中是用的ctrl)

    常用快捷键介绍:

    ctrl+c 复制(选中文本时复制选中的部分,未选中文本时复制光标所在行)

    ctrl+v 黏贴

    ctrl+x 剪切

    ctrl+f 查找(光标在搜索框里,按回车查找下一个;光标不在搜索框里,按f3查找下一个)

    ctrl+h 替换

    ctrl+s 保存

    ctrl+/ 行注释(再来一次就是取消注释)

    shift+alt+a 块注释(再来一次就是取消注释)

    ctrl+shift+enter 上方插入一行

    ctrl+shift+f 文件夹查找

    ctrl+enter 下方插入一行

    alt+shift+f 格式化代码(或者右键--格式化文档)

    使用文件夹查找时,鼠标不要放在编辑器内,要放在编辑器外

    快捷键映射:

    将其他编辑器的快捷键迁移到VSCode上

    文件--首选项--按键映射

    自定义快捷键:

    文件--首选项--按键快捷方式

    vscode使用git:

    1、下载安装好git

    2、注册github账号

    3、git bash打开命令行,git config配置用户名和邮箱

    4、git clone 克隆远程仓库

     

    可以看到桌面上多了一个git文件夹,就是克隆下来的仓库

    5、添加或者修改文件之后,git add 文件名 (记得先进入项目目录中)

    6、git commit -m 评论

    7、git push (把本地仓库上传到远程仓库)

    8、可能会提示需要输入用户名和密码

    9、刷新github可以看到本地的内容已经提交到github仓库了

     也可以在github上在线编辑文件(commit changes)

    使用git pull 将github上的仓库拉到本地

    如果在工作区误删了文件,可以使用git checkout 文件名 (检出被误删的文件)

    vscode使用git:

     

     加号可以将更改提交到暂存区

    点击勾勾提交到本地仓库

    点击...,推送,可以提交到github仓库(可能得输入账号密码)

    插件安装:

    常用插件推荐:

    css peek:关联html和css

     作用是:按住ctrl,鼠标放到元素上,会显示关联的样式

    再按住ctrl+点击,能够跳转到对应的css文件样式位置

    prettier 代码格式化(vscode自带的格式化工具有可能不太全)

    安装好之后右键格式化文档即可

    icon fonts 图标集

    注意:工具只是提供了图标集的提示信息,比如输入fa,会出现font awesome的图标提示,但是css文件还是需要手动去引入的

    auto rename tag 自动修改标签

    效果:修改完开始标签,会自动把结束标签也给改了

    html boilerplate 补全html模板(vscode默认只有html标签)

    输入html补全模板(包括兼容IE的写法)

     

    color info 颜色提示

    auto close tag 自动闭合标签

    html css support 是html中css中样式名的智能提示

  • 相关阅读:
    汇编之EBP的认识。
    【转】PE详解
    迟到的,2016年终总结
    Java 反射
    Java 集合与容器类
    Java 类加载与实例化
    Java 类与对象
    Java 值传递与对象拷贝
    Java 面向对象
    二叉树
  • 原文地址:https://www.cnblogs.com/chenyingying0/p/12756273.html
Copyright © 2011-2022 走看看