有一次 ,我改了公共组件里的好多组件 ,然后我肯定是哪里改的不对 ,出语法错误了 ,但是我的 webstorm 编译并没有报错,然后我就手动一点点 改 ,去看 ,最后还是没有找到 ,我就把文件夹给删了,重新 放进来一个master 分支上的 ,这样就导致之前是谁提的代码 ,git 左边那个记录全部是我了 ,其实最开始我担心会出现这个问题,我不知道会不会这样,我重新放进来之后特意查看了一下,那时候没出现这个问题 ,不是全都是我 ,我也是后来好久之后才发现这个文件夹下面全都变成了我,这我就很懵逼了 ,还请各位小伙伴谨记我这血淋淋的教训,不要再干这个蠢事了 ~~ ~ 会被骂死的
那么,避免这样的事情发生,掌握webstorm 常用的开发技能,可能是必要的,下面是我整理的图文并茂的webstorm 使用技能,带你轻松 get 到开发必知的 技能,以后提升开发效率吧。
 
在阅读本文之前,请有一段时间的webstorm 使用经验,知道最基础的软件菜单。
本文以Mac 为例讲解用法
1.将鼠标移到函数上,command + B ========command + 左键 ,跳转到函数或者变量的声明位置

2. 关于搜索
全局搜索 : command + shift + F
在某个文件内搜索 : command + F
 
 
想要在某个文件下 搜索,还可以点击文件 ,右键 ,点击 find in path ,如上图
 
3.超级 “打开”
 双击 shift 
 
4. 复制整行 command + D
删除整行 command + Y
剪切整行 command + X
 
5. 折叠 展开
 command   + /-
 
 
6. 格式化代码
 
 command  shift  L
 
7. pull 和 commit 的快捷键
 
当然 ,要是不会用,就不要这么用了 ,还是老老实实 右键 git 或者 命令行吧
 
8. wenstorm 的 右键 git 和 命令行
使用 webstorm 操作 git ,可以看下这个 https://www.cnblogs.com/Garven/articles/6909809.html
9.命令行 git
 
 
#git 远程仓库相关命令
1.检出 git clone "地址"
git clone url rename
2.查看一个本地仓库的远程仓库是什么 git remote -v
3.为本地仓库添加远程仓库地址: git remote add [origin] "123.git" -->这里的name是随便取的,可以添加多个远程地址,
push或者pull的时候根据这里的name去区分远程仓库
4.删除一个远程仓库 git remote rm [origin]
5.修改一个远程仓库的URL git remote ste-url [origin] [456.git]
6.拉取远程仓库: git pull [origin] [master(本地的)] -->(声明拉取的是哪个远程的哪个分支)
7.推送到远程仓库 git push [origin] [master(本地的)]
8.如果拉取或者推送的本地分支在远程上没有对应,你要把本地的test分支的东西push到远程的master分支 git push [origin] test:master
 
#git 分支的相关操作
1.查看本地分支 git branch
2.查看远程存在的分支 git branch -a
3.查看本地所有的分支 git branch -r
4.创建一个本地分支 git branch [name] -->(创建后并不会切换到新创建的分支)
5.切换到某个分支 git checkout [name]
6.创建一个分支,并且立刻切换到这个分支 git checkout -b [name]
7.删除一个分支 git branch -d [name]
8.合并一个分支 git merge [name]
9.将本地分支提交到远程 git push origin [name]
10.删除远程分支 git push origin :[name]->(等于将空的分支推到远程,所以需要先删除本地对应的分支)
11.拉取远程的所有分支 git fetch
12.放弃本地变更 git checkout .
13,git拉取远程分支并创建本地分支
git checkout -b 20180130_newVersion_BEE-3048 origin/20180130_newVersion_BEE-3048
 
#git 如何diff代码?
git diff(文件路径):进入vi编辑,下拉箭头可查看所有改动
 
#tag的相关操作
1.查看所有tag git tag
2.创建新的tag git tag -a [1.1.1] -m "这是分支的注释"
3.查看一个tag的信息(包括注视) git tag -v 1.1.1
4.回滚到某个tag git reset --hard 1.1.1
5.tag创建就在本地代码仓库了,删除有 git tag -d 1.1.1
提交 git push origin --tags
 
10. 善于运用 git stash
我在一开始的时候根本不知道有 git stash 这个命令 ,每次 我分支已经有改动 ,但是我改错的 ,不是在我想要的分支上改的 ,我切分支都会很头疼,尤其我改动比较多,我又记不住的时候 ,
举个例子:
现在我在master 分支上 , 然后我接到了一个bug ,我需要改一下,我直接改了 ,改好了,但是我需要新拉一个分支,在新分支上执行这些改动 ,然后提交 ,我就需要 在master 分支,执行一下 git stash ,将这些改动暂存起来 ,然后 基于master 新拉一个分支,在新的分支上 执行 git stash pop 。
通过上面的例子,你可能只是简单了解了git stash 你在什么情况下能用,更好的理解git stash ,你可以看下 https://blog.csdn.net/c_z_w/article/details/52862129
 
11. 关于使用webstorm 合代码
 
使用webstorm 合代码, 一般冲突的会飘红 ,不冲突的就是绿色或者蓝色 ,绿的蓝的 ,该留哪个要哪个,不要就删掉;
红的我要说一下了 :
(1) 红的代表冲突的 ,留的首先加过来,不留的叉掉
(2)要是红的想两边都留,那就加过来一个 ,手动复制过来另一个
就是这么简单~~
 
 
 
 
 
 
 
 
 
 
 

我的webstorm 使用总结的更多相关文章

  1. Webstorm+Webpack+echarts构建个性化定制的数据可视化图表&&两个echarts详细教程(柱状图,南丁格尔图)

    Webstorm+Webpack+echarts   ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(I ...

  2. 使用webstorm+webpack构建简单入门级“HelloWorld”的应用&&引用jquery来实现alert

    使用webstorm+webpack构建简单入门级"HelloWorld"的应用&&构建使用jquery来实现 1.首先你自己把webstorm安装完成. 请参考这 ...

  3. webstorm下载&&安装过程&&打开项目

    一.webstorm下载 WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为"Web前端开发神器"."最强大的HT ...

  4. WebStorm 2016 最新版激活(activation code方式)

    WebStorm 2016 最新版激活(activation code方式) WebStorm activation code WebStorm 最新版本激活方式: 今天下载最新版本的WebStorm ...

  5. webstorm license key

    JetBrains WebStorm注册码 UserName: William License Key : ===== LICENSE BEGIN ===== 45550-12042010 00001 ...

  6. WebStorm 常用功能的使用技巧分享

    WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大 ...

  7. Webstorm编译TypeScript

    下载webstorm 下载node.js编译器npm   Webstorm的安装很简单.但如果没有Java For Mac 环境打开Webstorm时会有提示,点击提示会跳转下载链接,下载安装就好. ...

  8. WebStorm

    1,简介 WebStorm 10是一款强大的HTML5编辑工具,是 JetBrains 推出的一款商业的 JavaScript 开发工具.功能强大的前端专用IDE,拥有即时编辑(chrome).自动完 ...

  9. webstorm 常用快捷键

    webstorm应该是目前最强的js编辑器了,结合sublime text可以很效率的开发项目.今天整理了一些webstorm比较实用的快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释(// ...

  10. WebStorm 2016.2.3的安装与汉化

    WebStorm是一款功能出色的JavaScript开发工具.号称是""Web前端开发神器"."最强大的HTML5编辑器"."最智能的Jav ...

随机推荐

  1. fail2ban 防止ssh暴力破解

    1.环境 CentOS 7 2.在线安装 yum install -y epel-release yum install -y fail2ban fail2ban 结构 /etc/fail2ban   ...

  2. python全栈开发-Day10 装饰器(闭合函数的应用场)

    一. 装饰器 装饰器就是闭包函数的一种应用场景 什么是闭包函数?我们再来回忆一下: 闭包函数: 定义在函数内部的函数,并且该函数包含对外部函数作用域(强调:对全局作用域名字的引用不算闭包)名字的引用, ...

  3. mysql的存储过程,函数,事件,权限,触发器,事务,锁,视图,导入导出

    1.创建过程 1.1 简单创建 -- 创建员工表 DROP TABLE IF EXISTS employee; CREATE TABLE employee( id int auto_increment ...

  4. JSP、Servlet、JDBC学习笔记

    WEB的学习 * 服务器 * 网络的架构(面试题) * C/S client/server 客户端/服务器端 例子:QQ 快播 暴风影音 * 优点:交互性好,服务器压力小. * 缺点:客户端更新了,下 ...

  5. 忘记oracle的sys密码该如何重置;附如何修改oracle数据库用户密码

    参考博客:http://blog.itpub.net/26015009/viewspace-717505/ 这里只说一种方法:使用ORAPWD.EXE 工具修改密码 打开命令提示符窗口,输入如下命令: ...

  6. [W班]第二次结对作业成绩评价

    作业地址: https://edu.cnblogs.com/campus/fzu/FZUSoftwareEngineering1715W/homework/1016 作业要求: 1.代码具有规范性. ...

  7. 安装QT5.02

    1.下载QT5 SDK 下载地址:http://qt-project.org/downloads. 2.安装QT5 下载完后,假设放在Download/,切换到该目录,输入:./qt-linux-op ...

  8. 在深度linux下安装pip3与jupyter

    前言 以下安装说明基于已经正确安装python3 文件下载 https://pypi.python.org/pypi/pip 下载pip-9.0.1.tar.gz (md5, pgp)文件 安装准备工 ...

  9. android 框架LoonAndroid,码农偷懒专用

    介绍 http://www.eoeandroid.com/thread-324764-1-1.html 架构培训视频: http://pan.baidu.com/s/1mgv8HTm 简介:下载 ht ...

  10. jquery基本使用和实例

    一.寻找元素 表单选择器 $(":input") //匹配所有 input, textarea, select 和 button 元素 $(":text") / ...