• 如何配置WebStorm开发Chrome插件项目


    开发Chrome插件项目,在调用Chrome的相关接口时,默认情况下WebStorm是不会有任何提示的,这对于开发者特别是新手特别不友好。
    因此,需要IDE能支持Chrome接口调用时的智能提示。
    如下是通过安装相关JavaScript类库实现这一目标的详细步骤(Mac系统):

    第一步,进入WebStorm的如下设置路径:File -> Preferences -> Languages & Frameworks -> JavaScript -> Libraries,点击右侧的“Download”按钮,在弹出的对话框中会显示一系列“TypeScript community stubs”,键盘输入“chrome”进行搜索,找到对应项目时点击“Download and Install”。
    下载Chrome类库

    如果网络环境可以正常访问github,那等待一会儿应该就能安装成功。
    下载Chrome类库等待

    如果不能正常访问github,那过一会儿就提示请求超时。
    下载Chrome类库超时

    解决办法见第二步描述。

    第二步,当遇到无法在WebStorm中下载Chrome库时,就需要手动下载。
    从提示的超时信息看出是无法下载文件:https://github.com/DefinitelyTyped/DefinitelyTyped/raw/master/types/chrome/index.d.ts,那么只要想办法(可能需要借助于梯子)手动下载该文件即可。
    当手动下载Chrome类库文件成功之后,回到WebStorm中加载配置即可,路径如下:
    File -> Preferences -> Languages & Frameworks -> JavaScript,点击右侧“Add”按钮。
    手动加载Chrome类库第一步

    在弹出对话框中选择已下载的Chrome类库文件,加载到WebStorm中进行配置。
    手动加载Chrome类库第二步

    至此,再回到WebStorm中编写JavaScript代码调用Chrome接口时就会有对应的代码提示,效率大大提高了。
    Chrome接口提示

  • 相关阅读:
    python函数续
    模拟数据库查询操作
    文件处理
    字符编码
    python函数
    ACM-ICPC 2018 南京赛区网络预赛Skr
    bzoj3676: [Apio2014]回文串 pam
    Wannafly挑战赛23B游戏
    bzoj4804: 欧拉心算 欧拉筛
    bzoj3884: 上帝与集合的正确用法 扩展欧拉定理
  • 原文地址:https://www.cnblogs.com/nuccch/p/16389377.html
Copyright © 2020-2023  润新知