https://github.com/fireyy/piper
A drag-and-drop mobile website builder base on Vue
https://github.com/fireyy/piper
builder drag drag-and-drop editor page-builder vue
Last synced: 4 months ago
JSON representation
A drag-and-drop mobile website builder base on Vue
- Host: GitHub
- URL: https://github.com/fireyy/piper
- Owner: fireyy
- Created: 2017-01-16T06:13:27.000Z (almost 9 years ago)
- Default Branch: dev
- Last Pushed: 2018-03-08T06:42:26.000Z (almost 8 years ago)
- Last Synced: 2024-04-10T04:06:47.350Z (over 1 year ago)
- Topics: builder, drag, drag-and-drop, editor, page-builder, vue
- Language: Vue
- Homepage: https://piper-now.herokuapp.com
- Size: 2.21 MB
- Stars: 255
- Watchers: 11
- Forks: 76
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue - piper - A drag-and-drop mobile website builder base on Vue ` 📝 3 years ago ` (Open Source [🔝](#readme))
- awesome-vue-zh - 吹笛者 - 基于Vue的拖放式移动网站构建器. (awesome-vue [](https://github.com/sindresorhus/awesome) / 开源)
- awesome-vue - piper ★169 - A drag-and-drop mobile website builder base on Vue. (Awesome Vue.js [ ★101652](https://github.com/sindresorhus/awesome) / Open Source)
- awesome-vue - piper - A drag-and-drop mobile website builder base on Vue. (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Open Source)
- awesome-vue - piper - A drag-and-drop mobile website builder base on Vue. (Projects Using Vue.js / Open Source)
README
## Piper [](https://travis-ci.org/fireyy/piper)
> A drag-and-drop mobile website builder base on Vue.
### Install
```shell
npm install
```
### Config
First of all，create a database `piper` in `PostgreSQL`, `MySQL`, `SQLite` or `MSSQL`.
Then set up `.env` file with your:
- Database connection details
- Qiniu SDK config
- Github `CLIENT_ID` and `CLIENT_SECRET`
```shell
cp env.sample .env
```
### Develop
```shell
npm run dev
```
### A message about px to rem
```css
// `px` is converted to `rem`
.convert {
font-size: 16px; // converted to 1rem
}
// `Px` or `PX` is ignored by `postcss-pxtorem` but still accepted by browsers
.ignore {
border: 1Px solid; // ignored
border-width: 2PX; // ignored
}
```
### Changelog
#### 1.0.5
- Login with Github base on [Passport.js](http://passportjs.org/).
- Use [Sequelize.js](http://docs.sequelizejs.com/) for Database dialects.
- Use [Axios](https://github.com/mzabriskie/axios) instead of vue-resource.
- fix issues.
