有一次 ,我改了公共组件里的好多组件 ,然后我肯定是哪里改的不对 ,出语法错误了 ,但是我的 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. Laravel 中缓存驱动的速度比较

    缓存是web开发中重要的一部分,我相信很多人和我一样,经常忽略这个问题. 随着工作经验的累积,我已经意识到缓存是多么的重要,这里我通过 Scotch 来解释一下它的重要性. 通过观察发现,Scotch ...

  2. PHP对大小写敏感问题

    1. 变量名区分大小写 1 <?php 2 $abc = 'abcd'; 3 echo $abc; //输出 'abcd' 4 echo $aBc; //无输出 5 echo $ABC; //无 ...

  3. openjudge(四)

    关于switch的应用: #include <iostream>#include<iomanip>using namespace std;int main(){int a,b; ...

  4. 配置tomcat8数据源(采用局部数据源方式)

    tomcat提供两种数据源配置方式,全局和局部.全局的话对于所有web应用都生效,局部只对于配置的某一个web生效. 步骤: 1.将mysql的jdbc驱动复制到tomcat的lib路径下. 2.在t ...

  5. 201621123057 《Java程序设计》第2周学习总结

    一.本周学习总结 基本数据类型 char实质属于整型.boolean类型取值只有true和false两种. 引用数据类型 包装类:自动装箱 与 自动拆箱 数组:一维数组遍历数组用foreach循环:多 ...

  6. scrapy 模拟登陆

    import scrapy import urllib.request from scrapy.http import Request,FormRequest class LoginspdSpider ...

  7. scrapy crawl xmlfeed spider

    from scrapy.spiders import XMLFeedSpider from myxml.items import MyxmlItem class XmlspiderSpider(XML ...

  8. 《招一个靠谱的移动开发》iOS面试题及详解(下篇)

    iOS面试知识点 现在进入本篇的正题.本篇的面试题是我认为比较好的iOS开发基础知识点,希望大家看过这后在理解的基础上掌握而不是死记硬背.死记硬背很快也会忘记的. 1 iOS基础 1.1 父类实现深拷 ...

  9. 亚马逊的PuTTY连接AWS出现network error connection refused,终极解决方案。

    使用PuTTY连接AWS的时候,一直出现network error connection refused.百度了这个问题,大家都说是SSH要设置成22.但是我已经设置过了,为什么还是遇到这个问题呢? ...

  10. HDFS的7个设计特点

    1.Block的放置:默认不配置.一个Block会有三份备份,一份放在NameNode指定的DataNode,另一份放在与指定DataNode非同一Rack上的DataNode,最后一份放在与指定Da ...