webstorm配置和使用
更新时间：2018年7月31日20:44:21node
《个人博客地图》react
《个人博客列表》git
程序员，21世纪最高大上的职业之一，做为80后末尾的一名硕士毕业后择业进入IT行业的程序员，工做经验颇有限，尤为刚进入新的工做环境，身边同事/大神都是工做经验在3年左右的老人，基本比我年龄都小，瞬间压力来袭无地自容，在这样一种工做环境下，如何突破本身，如何规划本身的职业发展，这必须是一个有计划的安排。所以，只有不停的学习和总结，只有不停的虚心求教和交流，只有不停的增长工做时间和强度，才能快速成长，超越本身。程序员
一、安装web
webstorm一直有版本升级更新，能够选择最新的安装，以webstorm 11版本为例，安装时选择License server，输入框输入，http://idea.imsxm.com/,便可完成安装。react-native
二、配置缓存
最佳方案：webstorm
若是用过webstorm而且有属于本身风格的配置，第一步，导出配置文件，File-Export Settings，是一个后缀名为.jar的文件；ide
第二步，将jar文件导入新安装好的webstorm软件中，File-Import Settings，便可完成配置。学习
三、运行卡顿
解决方案一：webstorm安装主目录>bin>WebStorm.exe.vmoptions，修改，第二行：-Xms526m，第三行：-Xmx1024m（-Xms最大值不能超过1024，不然webstorm将没法打开），重启便可。
解决方案二：webstorm 11打开后底部老是出现一个不停运行的进程，显示scanning files to index，排除不但愿索引的文件夹便可。找到你想排除的文件夹（主要是node_modulewe文件夹），右键选择 Mark Directory As > Excluded ，重启便可。
四、经常使用快捷键
打开软件设置：ctrl+alt+s
复制当前行当下一行：ctrl+d
删除当前行：ctrl+y | ctrl+x
从新开始一行（光标在当前行任何位置）：shift+enter
撤销（返回到上一步）：ctrl+z
取消撤销（前进到最后一次编辑节点）：ctrl+shift+z
注释：ctrl+/
代码向上/向下移动（以行/块为移动基准）：ctrl+shift+↑/↓
当前文件搜索：ctrl+f
指定文件路径（全项目下）搜索：ctrl+shift+f
查看本地文件和上次提交成功的改动状况：ctrl+k，该快捷键打开的是git的commit界面
选中全部相同的词语：ctrl+alt+shift+j
选中下一个相同的词：alt+j
同一个项目的不一样文件窗口间切换：ctrl+tab
格式化代码块：ctrl+shift+enter
切换标签栏：alt+← alt+→
五、经常使用设置
文件内容发生变更，文件名称的颜色会发生改变：修改文件名称在不一样状态下的颜色
Settings-Editor-Color&Fonts-File Status-Modified-Foreground
六、修改文件内容颜色
好比修改JSON文件的字体颜色：Settings--Editor-Color&Fonts-JSON
七、解决代码冲突
打开冲突对比界面：webstrom-vcs-git-resolve conflicts，三个部分分别是本地代码，须要保留的最终代码和线上代码。本地代码和线上代码不能改动，只能动须要最终保留的代码。最终，肯定合并，解决冲突成功。
八、代码提交
ctrl + k;commit
ctrl + shift + k;push
九、中英文对照
十、线上模板Live Templates配置
例如：新建一个js文件，输入rn，按tab键，自动输入rn文件的基本内容，以下：
import React, {Component} from 'react';
import {
Dimensions,
TouchableOpacity,
StyleSheet,
Text,
View,
} from 'react-native';
export default class HomePage extends Component {
static navigationOptions = {header: null};
constructor(props) {
super(props);
}
componentWillMount(){
}
componentDidMount() {
}
componentWillUnmount() {
}
render() {
return(
<View style={Styles.container}>
</View>
)
}
}
const Styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
},
});
设置-Preferences-Editor-Live Templates，点击有侧边栏+号，选择Live Template，Abbreviation为自定义的输入内容，Template text为要显示的内容，最后设置适用的文件类型便可；
十一、代码返回到指定节点(时间点)
开发过程当中，webstorm会自动记录每一次代码的修改和保存，所以，能够恢复每一个文件到指定时间点或指定保存节点，操做以下：文件右键-Local History-Show History，便可恢复文件
十二、破解和使用
通常网上查找license server，填写后便可使用。但有时没法使用，须要用到activity code，进入http://idea.lanyus.com/，点击得到注册码。注册码有效期为2017年10月15日至2018年10月14日，使用前请将“0.0.0.0 account.jetbrains.com”添加到hosts文件中，window OS的hosts文件路径：C:\Windows\System32\drivers\etc\hosts
参考https://blog.csdn.net/voke_/article/details/76418116
1三、修改不一样文件的不一样文本内容高亮显示的配色方案
以修改JavaScript文件变量声明的关键字为例：
File-Setting-Editor-Color Scheme-JavaScript
选中关键字var
修改foreground前景色和Background背景色
1四、关于标签栏的数量和显示方式
标签栏的数量，默认最多开10个标签：File-Setting-Editor-General-Editor Tabs-Tab limit
标签栏的显示形式，默认顶部单行显示：
File-Setting-Editor-General-Editor Tabs-Placement-top
File-Setting-Editor-General-Editor Tabs-Show tabs in single row
或者在菜单栏操做：Window-Editor Tabs-Tabs Placement
1五、分栏显示
Window-Editor Tabs-Tabs Placement-Split Vertically(Split Horizontally)
或者直接在标签上右键：Split Vertically(Split Horizontally)
1六、全局搜索某个字符串查找不到，或者某些快捷键失效
这个问题困扰了好久，终于找到缘由，webstorm须要清除缓存
File - invalidate Caches
1七、左侧树状目录结构不显示文件夹 || 不显示文件夹目录结构
问题缘由：webstorm自动生成的配置文件.idea/modules.xml损坏了
解决方案：关闭webstorm，进入文件目录，手动删除.idea文件夹，从新打开webstorm便可
1八、设置断点选中行代码的背景色
Settings - Editor - Color Scheme - Debugger - Breakpoint line
未完，待续...