有一次 ,我改了公共组件里的好多组件 ,然后我肯定是哪里改的不对 ,出语法错误了 ,但是我的 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. CSS选取第n个标签元素

    最近做一个项目,碰到这样的需求,需要选取某个元素的倒数第几个标签元素,想让他显示不同的样式 1.first-child first-child表示选择列表中的第一个标签.例如:li:first-chi ...

  2. GLSL Versions和GLSL ES Versions 对比

    You can use the #version command as the first line of your shader to specify GLSL version: #version ...

  3. C语言中的atan和atan2

    本文内容为转载,是在阅读 RTKLIB源码时意识到的这个问题,原文地址为:https://www.cnblogs.com/dutlei/archive/2013/01/14/2860332.html ...

  4. 20162323周楠《Java程序设计与数据结构》第八周总结

    20162323周楠 2016-2017-2 <程序设计与数据结构>第八周学习总结 教材学习内容总结 一个异常是一个对象,它定义了并不轻易出现的或是错误的情形 异常由程序或运行时环境抛出, ...

  5. 微信小程序测试总结

    概述 由于项目中,微信前端和后端对接出现错误.所以Alpha测试分为微信小程序前端,管理员web测试. 测试工具选择 微信小程序的前端使用微信小程序开发工具测试. 管理员web使用web测试. 测试工 ...

  6. SQLite 带你入门

    SQLite数据库相较于我们常用的Mysql,Oracle而言,实在是轻量得不行(最低只占几百K的内存).平时开发或生产环境中使用各种类型的数据库,可能都需要先安装数据库服务(server),然后才能 ...

  7. Docker_部署jenkins(dockerfile实现)

    docker+jenkins开始合体! 我用的是ubuntu14.04的基础镜像,具体的这里不做赘述. 我在/tmp/目录下建了一个Dockerfile文件: touch Dockerfile vi ...

  8. JAVA_SE基础——50.接口关系下的多态

    接口关系下的多态和继承关系下的多态 相差无几,应该更简单些~ 多态: 父类的引用类型变量指向了子类的对象或者是接口类型的引用类型变量指向了接口实现类 的对象. 实现关系下的多态: 接口  变量  = ...

  9. JAVA_SE基础——15.循环嵌套

    嵌套循环是指在一个循环语句的循环体中再定义一个循环语句结构,while,do-while,for循环语句都可以进行嵌套,并且可以互相嵌套,下面来看下for循环中嵌套for循环的例子. 如下: publ ...

  10. nodeJs多进程Cluster

    在前端页面中,如果我们想进行多进程,我们会用到WebWorker,而在NodeJs中,我们如果想充分利用服务器核心资源,我们会用到Node中Cluster模块 直接上代码吧: const cluste ...