@xiao-edu/open weekly downloads statistics

awesome-open 强大的开发者工具：Open

用于开发环境下，打开组件所在的文件

点击页面元素，即可在文件编辑器中打开组件所在的文件

目前支持 Vue 和 React

支持情况

1. React 项目支持 React 16, React 17 等(15 及之前的版本未进行测试) 2. Vue 项目支持 Vue 2, Vue 3

安装

使用 npm 安装（推荐）

或者使用 CDN 引入

使用

前端部分

在应用初始化的任意文件中引入 open 的前端部分即可

1. js 项目

在 src/index.js 中引入：

2. react 项目：

3. vue 项目：

开发服务器部分

配置一个 open-server：

引入 open 的后端部分即可

1. webpack

如果你使用 webpack 的 devServer 作为你的开发服务器，你可以这样写：

如在 webpack.config.js 中：

2. umi 2.x 项目

如果你用的是 umi 2.x 版本，你可以这样修改 webpack 的配置：

3. umi 3.x 项目

可以构造一个 umi 插件来用

4. 独立的 open server

或者你不想侵入 webpack 的开发服务器：

你可以利用 cr 的 open-server：

安装一下 cr 命令行工具：

然后启动 cr 的 open-server：

然后你就可以将 open 的接口 api 前缀改为：

到这里就完成啦，去试试点击页面上的 open 按钮吧！

配置

代码贡献

1. Fork 代码! 2. 创建自己的分支: git checkout -b feat/xxxx 3. 提交你的修改: git commit -am 'feat(function): add xxxxx' 4. 推送您的分支: git push origin feat/xxxx 5. 提交：pull request

作者

• lihao

协议

MIT

🔗 链接

更新日志

Description from the npm listing.