Code Monkey home page Code Monkey logo

sparrow's People

Contributors

fishplusorange avatar sparrow-js avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sparrow's Issues

小小使用后的感受

1、希望支持拖拽功能
2、希望可以设置高度、宽度,同时高亮的时候,可以显示高度区域的高度和宽度
3、希望已选组件右击可删除,或者右上角有个删除按钮,而不是需要到属性里面去删除
希望对你有帮助

vue3

请问一下这个可以在vue3的项目里引入吗

请问编辑时预览功能是如何实现的?

我理解是前端实现了一套webpack机制,每次编辑修改,会导致前端 webpack 中 源码asset修改,进而触发 hmr 或者全量render

请问这套方案有开源的解决吗

组件能拖拽,但是不能拖拽到容器中

image

组件能拖拽,但是不能拖拽到容器中,比如先拖了一个表单容器进去, 然后向这个表单中拖进新的输入框, 放手后就会出现在表单外(下面),而不是表单内部

如何使用?

问题

安装到本地,启动后,具体如何使用?是否能提供一个在线demo?

环境

  • ubuntu 16.04
  • node v12.19.0
  • chrome 86

操作步骤

  1. 全局安装并启动
  2. 打开页面
  3. 点击/拖拽添加组件到内容区域
    Peek 2020-11-04 13-20

结果

  1. 无法添加组件
  2. 切换左侧侧边栏时控制台报错
    image
    image
    终端 log如下
    image

本地玩不转

不知道怎么在本地玩起来,方便写一个文档吗?走一步一个坑

无法启动

使用script命令启动的时候无法启动
报错如下:

npm verb node v16.13.1
npm verb npm  v8.4.1
npm ERR! code ERESOLVE

npm ERR! ERESOLVE could not resolve

npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/eslint
npm ERR!   peer eslint@">= 1.6.0 < 7.0.0" from @vue/[email protected]
npm ERR!   node_modules/@vue/cli-plugin-eslint
npm ERR!     dev @vue/cli-plugin-eslint@"^4.1.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! dev @vue/eslint-config-standard@"^5.0.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/eslint
npm ERR!   peer eslint@"^7.0.0 || ^8.0.0" from [email protected]
npm ERR!   node_modules/eslint-plugin-promise
npm ERR!     peer eslint-plugin-promise@">= 4.2.1" from @vue/[email protected]
npm ERR!     node_modules/@vue/eslint-config-standard
npm ERR!
       dev @vue/eslint-config-standard@"^5.0.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See E:\Tools\nodejs\node_cache\eresolve-report.txt for a full report.
npm verb exit 1

我的所有相关的eslint依赖都已经移除,还是无法启动,提示:安装依赖失败,重新安装。

本地无法运行自查

1.查看node版本,v11以上
2.检测项目安装情况:cd ~/.sparrow/sparrow-server/ 主界面服务,cd ~/.sparrow/sparrow-view 预览服务
3.搞不定,提issues

项目内安装,引用不成功

项目内安装

$ npm install sparrow-code -D

package.json 增加 sparrow

"scripts": {
"sparrow": "sparrow start -m page"
}

项目内安装GUI组件

$ npm install @sparrow-vue/develop-ui -S

项目内引用App.vue

<script> import Sparrow from '@sparrow-vue/develop-ui' export default { components: { Sparrow }, name: 'App' } </script>

运行报错:

[Vue warn]: Failed to mount component: template or render function not defined.

关于框架实现的一些问题

目前还在探索阶段,想请教下关于web页面的拖拽预览的实现原理是怎样的,特别是组件的嵌套,预览代码和最终生产代码是如何分离的。

项目内安装,运行报错,请问能帮忙解决一下吗

PS C:\Users\Administrator\Desktop\sparrow-demo> npm run sparrow

[email protected] sparrow
sparrow start -m page

sparrow view Core: 0.1.0 C:\Users\Administrator.sparrow\sparrow-server
sparrow view Core: 0.4.3 C:\Users\Administrator.sparrow\sparrow-server
sparrow Core: 0.9.27 C:\Users\Administrator.sparrow\sparrow-server
ϵͳ�Ҳ���ָ����·����

😞 Start sparrow failed

Error: spawn C:\Users\Administrator.sparrow\sparrow-server\node_modules.bin\egg-scripts ENOENT
at notFoundError (C:\Users\Administrator\Desktop\sparrow-demo\node_modules\sparrow-code\node_modules\execa\node_modules\cross-spawn\lib\enoent.js:6:26)
at verifyENOENT (C:\Users\Administrator\Desktop\sparrow-demo\node_modules\sparrow-code\node_modules\execa\node_modules\cross-spawn\lib\enoent.js:40:16)
at ChildProcess.cp.emit (C:\Users\Administrator\Desktop\sparrow-demo\node_modules\sparrow-code\node_modules\execa\node_modules\cross-spawn\lib\enoent.js:27:25)
at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12) {
code: 'ENOENT',
errno: 'ENOENT',
syscall: 'spawn C:\Users\Administrator\.sparrow\sparrow-server\node_modules\.bin\egg-scripts',
path: 'C:\Users\Administrator\.sparrow\sparrow-server\node_modules\.bin\egg-scripts',
spawnargs: [
'start',
'--title=sparrow-server',
'--framework=midway-mirror',
'--workers=1',
'--sticky',
'--project=C:\Users\Administrator\Desktop\sparrow-demo'
]
}
PS C:\Users\Administrator\Desktop\sparrow-demo>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.