美文网首页
2018-03-14(记录前辈的好的文章之webstore的一些

2018-03-14(记录前辈的好的文章之webstore的一些

作者: 思悟Mr | 来源:发表于2018-03-14 20:42 被阅读0次

    1、安装

        webstorm一直有版本升级更新,可以选择最新的安装,以webstorm 11版本为例,安装时选择License server,输入框输入,http://idea.imsxm.com/,即可完成安装。

    2、配置

        最佳方案:

    如果用过webstorm并且有属于自己风格的配置,第一步,导出配置文件,File-Export Settings,是一个后缀名为.jar的文件;

        第二步,将jar文件导入新安装好的webstorm软件中,File-Import Settings,即可完成配置。

    3、运行卡顿

        解决方案一:webstorm安装主目录>bin>WebStorm.exe.vmoptions,修改,第二行:-Xms526m,第三行:-Xmx1024m(-Xms最大值不能超过1024,否则webstorm将无法打开),重启即可。

        解决方案二:webstorm 11打开后底部总是出现一个不停运行的进程,显示scanning files to index,排除不希望索引的文件夹即可。找到你想排除的文件夹(主要是node_modulewe文件夹),右键选择 Mark Directory As > Excluded ,重启即可。

    4、常用快捷键

    打开软件设置: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

    5、常用设置

        文件内容发生变动,文件名称的颜色会发生改变:修改文件名称在不同状态下的颜色

        Settings-Editor-Color&Fonts-File Status-Modified-Foreground

    6、修改文件内容颜色

    比如修改JSON文件的字体颜色:Settings--Editor-Color&Fonts-JSON

    7、解决代码冲突

    打开冲突对比界面:webstrom-vcs-git-resolve conflicts,三个部分分别是本地代码,需要保留的最终代码和线上代码。本地代码和线上代码不能改动,只能动需要最终保留的代码。最终,确定合并,解决冲突成功。

    8、代码提交

    ctrl + k;commit

    ctrl + shift + k;push

    9、中英文对照

    10、线上模板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(

    )

    }

    }

    const Styles = StyleSheet.create({

    container: {

    flex: 1,

    backgroundColor: '#fff',

    },

    });

    设置-Preferences-Editor-Live Templates,点击有侧边栏+号,选择Live Template,Abbreviation为自定义的输入内容,Template text为要显示的内容,最后设置适用的文件类型即可;

    11、代码返回到指定节点(时间点)

        开发过程中,webstorm会自动记录每一次代码的修改和保存,因此,可以恢复每个文件到指定时间点或指定保存节点,操作如下:文件右键-Local History-Show History,即可恢复文件

    转:http://blog.csdn.net/wanshaobo888/article/details/70236747

    相关文章

      网友评论

          本文标题:2018-03-14(记录前辈的好的文章之webstore的一些

          本文链接:https://www.haomeiwen.com/subject/qiyqqftx.html