WebStorm|InteIIiJ IDEA 默认配置

{
    1:快捷键搜索
    2:修改Webstorm内存配置文件
    3:在Webstorm中排除检索目录
    4:Webstorm过滤项目中的.meta文件
    5:自动保存文件
    6:工具栏显示
    7:导入导出WebStorm设置
    8:代码提示忽略大小写
}

 

{1:快捷键搜索

官网 https://www.jetbrains.com/  https://www.jetbrains.com/webstorm/ 

Preferences → Keymap → eclipse(Mac OS X)

    Duplicate line or Selection  复制的行或选择  ctrl+shift+down
    Duplicate Entire Lines  复制当前整行    ctrl+shift+up
    Duplicate Lines          复制当前整行    ctrl++shift+up

    Move Line Down  移动当前整行 下        ctrl+super+down
    Move Line Up  移动当前整行 下             ctrl+super+up

    Move Caret to Line End   光标移动到最右边   super + <-
    Move Caret to Line Start 光标移动到最左边   super + ->

    Find...  查找   ctrl+f
    Replace... 替换  ctrl+r
    Find in Path...  全局查找 ctrl+h
    File Structure 文件结构(列出所有函数)  ctrl+o
    Parameter Info  查看函数参数(选中函数名字,再按快捷键)
    Line/Column... 跳转到指定行    ctrl+l

    Find Next/Move to Next Occurrence  查找上下一个    ctrl+k
    Find Previous/Move to Previous Occurrence  查找下一个   ctrl+k

    Delete Line  删除当前整行    ctrl+d
    Reformat Code 格式化代码     ctrl+shift+f

    Rename... 文件重命名   enter
    Enter 换行    delete
    
2:警告提示
    Warning 警告
    The shortcut is already assigned to other actions.  快捷键已经分配给其他操作。
    Do you want to remove other assignments? 你想要删除其他作业吗?

    Leave(许可) Cancel(取消) Remove(迁移)
}


{2:修改Webstorm内存配置文件

    使用文本编辑器打开文件:
        /Applications/WebStorm.app/Contents/bin/webstorm.vmoptions
    修改配置参数
        -Xms1024m
        -Xmx2048m

    然后根据个人电脑配置和Webstorm的使用效果调节数值
}

{3:在Webstorm中排除检索目录
    鼠标选中要排除检索的目录->右键菜单->Mark Directory As -> Excluded

    在Cocos2d-js项目中我一般会排除以下目录,供大家参考:
        /frameworks/cocos2d-x  //不会在webstorm中编辑 C++文件
        /frameworks/runtime-src //项目原生工程
        /publish    //release发布目录
        /simulator    //debug发布目录
        /res    //res是项目资源目录,其中大部分目录也会排除
}

{4:Webstorm过滤项目中的.meta文件

    Preferences->Editor->File Types{
                Recognized File Types  识别文件类型
                Registered Patterns{
                    lgnore files and folders 忽略文件或文件类型
                }

我在刚接触CocosCreator时经常使用Webstorm,代码补全、定义跳转等都没问题,唯一不足的就是不能断点调试。因为Creator工程不像Cocos2d-js没有明确的启动入口文件(index.html),所以只能在Chrome中的devtools中调试。后来经过反复尝试终于可以在Webstorm中调试Creatore工程了,而且Creator不同版本的调试方法还不一样。

Webstrom中过滤.meta文件

另外Creator 工程中有个恼人的 xxx.meta 文件,试过几种方法终于在Webstorm设置选项里找到了文件滤选项。
    
}

{5:自动保存文件
    Preferences->Appearance & Behavior->System Settings{
        Synchronization{//修改成多少秒就可以了
            Save file automatically if application is idle for 15 sec
            翻译
                如果应用程序空闲15秒,自动保存文件

        }
    }
}

{6:工具栏显示
    View->Toolbar
}

{7:导入导出WebStorm设置
    File->{
        Import Settings...导入设置模板
        Export Settings...导出设置模板
    }

    Application TasksOptions
    Code Style(schemes)
    Debugger
    Default project
    File templates(schemes)
    Find
    Git
    Key maps
    key maps(schemes)
    Look and Feel
    Path Macros
    ProjectViewShared
    Registry General
    UI Settings,Dependency UI,ProjectViewFileNesting
}

{8:代码提示忽略大小写
    Preferences → Editor → Code Completion(Mac OS X)

    版本不同页面显示也不一样
        Match Case(区分大小写) -->把这个勾掉就可以了

        Case sensitive completion(大小写敏感的完成){
          All  所有
          None  没有一个  -->把这个勾掉就可以了
          First letter 第一个字母
        }
}

 

WebStorm默认配置  https://download.csdn.net/download/gamecocos2dx/11018351
InteIIiJ IDEA https://download.csdn.net/download/gamecocos2dx/11019005

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: WebStorm和IntelliJ IDEA都是由JetBrains公司开发的IDE(集成开发环境),它们都可以用于前端和后端开发。在这两个IDE中,前端代码和后端代码可以轻松地连接起来。 要在WebStorm和IntelliJ IDEA中连接前后端,可以按照以下步骤操作: 1. 创建一个新项目,选择你要使用的前端框架和后端框架。 2. 在WebStorm或IntelliJ IDEA中打开该项目,然后创建一个新的JavaScript或TypeScript文件。 3. 在文件中编写前端代码,并将其保存到项目的前端文件夹中。 4. 创建一个新的Java或Node.js文件,并将其保存到项目的后端文件夹中。 5. 在后端文件中编写后端代码,并在前端代码中使用Ajax或其他HTTP请求方式来调用后端API。 6. 运行应用程序并测试连接是否成功。 使用WebStorm和IntelliJ IDEA可以方便地连接前端和后端代码,并提高开发效率。 ### 回答2: WebStorm和IntelliJ IDEA都是用于开发Web应用程序的流行IDE(集成开发环境),由JetBrains公司开发。它们都提供了很多强大的功能和插件,而且很容易集成到前端和后端开发环境中。 首先,需要确保WebStorm和IntelliJ IDEA都已正确安装,并且安装了适当的插件。对于前端开发,WebStorm提供了很多有用的插件,包括Live Editing、JS Debugger、TypeScript、AngularJS等。而对于后端开发,IntelliJ IDEA则提供了很多有用的插件,包括Spring、Java EE、Hibernate等。 要连接前后端,首先需要确保允许跨域访问。对于后端应用程序,可以使用Spring框架的配置来允许跨域访问。对象为org.springframework.web.servlet.config.annotation.WebMvcConfigurer的类,有一个addCorsMappings()方法,使用该方法可以配置跨域,从而使前端应用程序可以与后端应用程序进行通信。 在WebStorm中,可以通过设置Http请求和响应头来设置跨域。在请求头中,需要设置Access-Control-Allow-Origin为要允许访问的域名。在响应头中,需要设置Access-Control-Allow-Origin,Access-Control-Allow-Methods和Access-Control-Allow-Headers。这些设置允许客户端发送跨域AJAX请求。 在WebStorm中连接后端应用程序需要进行以下步骤: 1.在WebStorm中导入后端应用程序的代码。 2.配置应用程序,然后启动。 3.在WebStorm中创建前端应用程序,并使用Ajax访问后端应用程序。 4.允许跨域请求,以避免跨域访问问题。 在IntelliJ IDEA中连接前端应用程序需要进行以下步骤: 1.在IntelliJ IDEA中导入前端应用程序的代码。 2.配置应用程序,然后启动。 3.在IntelliJ IDEA中创建后端应用程序,并提供RESTful服务以与前端应用程序通信。 4.允许跨域请求,以避免跨域访问问题。 综上所述,连接WebStorm和IntelliJ IDEA的前后端应用程序可以通过一系列的设置和配置来实现。通过使用正确的插件和遵循最佳实践,可以轻松地完成前后端应用程序开发和调试。 ### 回答3: WebStormIDEA都是由JetBrains公司开发的IDE(集成开发环境)软件,其主要是服务于前端和后端开发人员的。那么,如何连接前后端呢?它们可以通过以下方式进行连接: 1. 首先我们需要创建一个新的项目,选择我们需要的模板,如JavaScript,Node.js等。 2. 在WebStormIDEA中打开项目后,我们可以在编辑器中创建一个HTML文件来作为前端页面。 3. 接下来,我们需要创建一个服务器来处理后端逻辑。我们可以使用Node.js并安装Express框架,或使用其他语言和框架,如Java和Spring。 4. 登录到我们的服务器后,我们需要在WebStormIDEA的设置中配置远程服务器的信息,如IP地址和端口号。 5. 我们还需要安装远程调试插件和设置调试环境,以便能够调试远程服务器上的代码。 6. 启动服务器后,我们可以在WebStormIDEA中打开浏览器,按F12打开开发者工具,并尝试连接到服务器,以确保前后端的连接已成功建立。 总的来说,WebStormIDEA连接前后端的过程需要一些配置和设置,但一旦成功建立连接,我们可以更加方便地进行前后端开发和调试,并加快开发流程。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值