Git-简单使用/VSCode配置与插件

这篇具有很好参考价值的文章主要介绍了Git-简单使用/VSCode配置与插件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 VSCode

基础设置

代码缩进:设置:搜索 tab size 。Editor:Tab size =>2

格式化:设置:搜索 format。 Editor:Format On Save 勾选

插件:

vetur

eslint

Prettier - Code formatter

Path Autocomplete

在VSCode中编辑setting.json

Git-简单使用/VSCode配置与插件Git-简单使用/VSCode配置与插件

{
    // 这里改成自己得电脑得路径
  "prettier.configPath": "C:\\Users\\2703\\.prettierrc",
  "eslint.alwaysShowStatus": true,
  "prettier.trailingComma": "none",
  "prettier.semi": false,
  "prettier.printWidth": 300,
  "prettier.singleQuote": true,
  "prettier.arrowParens": "avoid",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.ignoreProjectWarning": true,
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": false
    },
    "prettier": {
      "trailingComma": "none",
      "semi": false,
      "singleQuote": true,
      "arrowParens": "avoid",
      "printWidth": 300
    }
  },
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
//导入文件时,是否携带文件扩展名
	"path-autocomplete.extensionOnImport": true,
  "path-autocomplete.pathMappings": {
    "@":"${folder}/src"
  },
  
}

 上述配置,配置完三个相关插件的即可。

C盘下的 prettierrc 文件,可以直接新建 txt 文本文档,去掉后缀改成此名称,内容可以尝试填充

{
  "tabWidth": 2,
  "useTabs": false,
  "semi": false,
  "singleQuote": true,
  "trailingComma": "none",
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
  "arrowParens": "avoid"
}

最后一步:重启VSCode,打开项目,

1.打开 js 文件,右键 【使用...格式化文档】【配置默认格式化程序...】【Prettier - Code formatter】

Git-简单使用/VSCode配置与插件

 Git-简单使用/VSCode配置与插件

 Git-简单使用/VSCode配置与插件

 2.打开 html 文件,重复上述操作

3.打开 .vue 文件,重复上述操作

4.打开 .css 文件,重复上述操作

Eslint:中,取消校验方法function 后没有空格的校验,rules节点下

'space-before-function-paren':['error','never']

下载地址https://git-scm.com/download下载安装,都选下一步。默认即可

安装完毕,鼠标右键文件夹空白处,选择"Git bash"

运行git config --global user.name "用户名"

运行git config --global user.email "邮箱"

配置用户名和邮箱,此文件再C盘,users,用户,.gitconfig文件中

获取帮助,无需联网

git help <verb>

例如 git help config。

获取简短帮助 git config -h

建立仓储

再需要建立仓储的文件夹中右键"git bash",

键入 git init

生成的 .git 隐藏文件夹即是版本管理

git status -s 查询当前目录下文件状态

git add 文件名 将文件提交到暂存区

git add . 将所有文件提交到暂存区

git reset HEAD 文件名 将文件从暂存区回退到编辑区

git reset HEAD . 将所有文件从暂存区回退到编辑区

git commit -m "备注信息" 提交暂存区文件到服务区-标识未操作

git commit -a -m 不需要经过add操作,直接提交到服务器

git rm -f 文件名 直接从工作区和服务器同时删除此文件

git rm --chache 文件名 只从服务器删除此文件

生成SSH key

1.打开git bash

2.粘贴如下 命令

ssh-keygen -t rsa -b 4096 -C"youremail@test.com"

3.连续敲击三次回车,即可在C:\User\用户名文件夹\.ssh目录中生成Id_rsa 和 id_rsa.pub两个文件,将id_rsa.pub文件中的内容复制到git上,【头像-Settings-SSH and GPG keys-new SSH keys-】

忽略目录用法

直接再根目录创建 .gitignore 文件

Git-简单使用/VSCode配置与插件

查看历史提交记录

Git-简单使用/VSCode配置与插件

 回退到指定版本

Git-简单使用/VSCode配置与插件

分支操作【尽量在主分支下进行】

git branch 查看所有分支

git branch 分支名 创建分支

git checkout 分支名 切换到指定分支

git checkout -b 分支名 创建分支并直接切换到该分支下

git checkout 主分支

git merge 分支名 合并分支到主分支

git branch -d 分支名 删除分支【当前不能处于此分支上

git branch -D 分支名  强制删除分支【无论此分支是否已合并

当合并分支时产生冲突,需要手动修改冲突文件,然后执行

git add .

git commit -m "备注" 以告诉服务器我解决了冲突

将本地分支推送到远程仓库

git push -u 远程仓库别名 本地分支名称:远程分支名称

如果不写远程分支名称,则默认和本地分支名称相同

这个【 远程仓库别名】是在本地使用git时,第一次从本地向服务器 推送仓库时取得名字

git remote show 远程仓库别名origin ,展示远程仓库中所有分支

Git-简单使用/VSCode配置与插件

从远程下载某个分支代码,在这个分支下运行

git pull

删除远程某个分支

git push 远程仓库别名origin --delete 远程分支名称

例如:git push origin --delete login

代码示例:

git checkout -b login【创建并切换到分支login】

git status【查看git状态】

git branch 【查看当前所有分支】

各种编辑代码后,提交代码

git add .

git commit -m '登录完成' 【完成提交到本地仓库】

git checkout master

git merge login 【将login 分支中得代码合并到 master 中】

git push 【推送到云端】

-------------------------【推送 login 分支到云端】-----------------------------------

git checkout login

git push -u origin login文章来源地址https://www.toymoban.com/news/detail-493612.html

到了这里,关于Git-简单使用/VSCode配置与插件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 新版本vscode使用配置文件功能,解决不同项目使用不同的插件

    如果你同时有vue2,vue3的项目。一定会遇到插件的问题。因为vue2项目插件是使用vetur的,vue3是使用volar的。 以前vscode为了在不同项目中能使用不同的配置文件,是使用工作区的概念去解决的,但是比较复杂而且不好用。 现在新版本的vscode(我现在下的是1.79 version的),新增了

    2024年02月12日
    浏览(44)
  • vscode安装配置clang-format插件及使用

    首先安装插件。在vscode扩展里搜索 clang-format ,安装排名第一的 xaver.clang-format 。 确认clang-format可执行程序路径 windows用 eveything 查找一下 clang-format.exe , 最新的扩展 c/c++ 里集成了 clang-format。 如: C:Usersjack.vscodeextensionsms-vscode.cpptools-1.13.9-win32-x64LLVMbinclang-format.exe 。 Lin

    2024年01月20日
    浏览(39)
  • 【Python基础知识】在VSCode中怎么配置Python开发环境?真的超简单!

    前言:VS Code 里是不包括 Python 的,所以你首先得安装一个 Python。 安装完 python 之后,我们可以用任何一个文本编辑工具开始写 python 代码,然后在 cmd 中运行代码。 在 VS Code 中,在不安装任何插件的情况下,也可以运行 python 代码。 新建一个 test.py 文件,输入 print(\\\'Hello Wor

    2024年02月16日
    浏览(62)
  • 简单明了的Git教程 |Idea使用git|HbuilderX使用git|VSCode使用git|git常见问题|git协作规范|git命令~

    目录 一、Git的由来以及Git是什么 二、安装 三、使用前的配置 四、使用前需要知道的基础概念 4.1、四个工作区域 4.2、分支 4.3、\\\".gitignore\\\"文件是什么 4.4、\\\".git\\\"文件是什么 五、常用命令 5.1、初始化仓库 5.2、查看状态 5.3、将代码放到暂存区 5.4、将代码放到资源库 5.5、远程操

    2024年01月21日
    浏览(59)
  • 【VScode】的 安装--配置--使用(中文插件下载不了怎么办?)

    🖊作者 : D. Star. 📘专栏 : VScode 😆今日分享 : ”兰因絮果“是世间定律吗? 一段美好爱情开始时你侬我侬、缠缠绵绵,最后却以相看两厌结尾,让人唏嘘。清代词人纳兰容若于是咏出「人生若只如初见,何事秋风悲画扇」一句,触动人心,千古流传。而在中华悠久灿烂的文

    2024年02月04日
    浏览(62)
  • vscode+svn的配置和简单使用

    安装好TortoiseSVN,安装过程可以全部默认,除了以下这步  如果svn已经安装完毕,这一步没有选择,可以不用重新安装,直接点击安装包,选择Modefy进行更改即可 安装插件svn,搜索svn,一般第一个就是,也可以根据作者来确定是哪个插件  把下面的配置都粘贴出来  配置set

    2024年02月03日
    浏览(31)
  • 【VSCode | 使用技巧集锦】中文插件突然失效、配置单个工程(工作区)编码

    系列文章: 【代码阅读软件】VSCode最新版本 下载、安装、配置 【VSCode】设置高亮的插件 | Highlight Word 【VSCode | 主题】推荐几个适合看 C/C++ 代码的 VSCode 主题 【VSCode | 使用技巧集锦】中文插件突然失效、配置单个工程(工作区)编码 问题描述 :VSCode之前安装了中文插件

    2024年02月05日
    浏览(125)
  • VScode自动格式化代码(tab缩进、符号空格)配置beautify插件使用

    安装插件 在插件库搜索beautify,会弹出很多插件 你需要根据你自己的语言选择对应的插件安装,尽量选择在维护中的插件 我是做前端的,所以选择的是beautify blade,格式化语言:javascript, JSON, CSS, Sass, and HTML ![在这里插入图片描述](https://img-blog.csdnimg.cn/cc42b7d4f0b549a78d16c69e7d33

    2024年02月12日
    浏览(55)
  • Windows VScode如何配置与使用git?

    当我们在VScode中编写代码后,需要提交到git仓库时,但是我们又不想切换到git的命令行窗口,我们可以在VScode中配置git,然后就可以很方便快捷的把代码提交到仓库中。 1. 官网下载安装Git命令行工具 根据自己的电脑系统,选择相应的版本,我这里是下载的 Windows 安装完成后

    2024年02月16日
    浏览(51)
  • 【Python基础知识】在VSCode中怎么配置Python开发环境?真的超简单!小白也能掌握

    前言:VS Code 里是不包括 Python 的,所以你首先得安装一个 Python。 安装完 python 之后,我们可以用任何一个文本编辑工具开始写 python 代码,然后在 cmd 中运行代码。 在 VS Code 中,在不安装任何插件的情况下,也可以运行 python 代码。 新建一个 test.py 文件,输入 print(\\\'Hello Wor

    2024年02月03日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包