https://github.com/doabit/weex-starter-kit
Weex starter kit use vue 2.0, vue-router and vuex with hot refresh
https://github.com/doabit/weex-starter-kit
vue vue-router vuex weex
Last synced: 3 months ago
JSON representation
Weex starter kit use vue 2.0, vue-router and vuex with hot refresh
- Host: GitHub
- URL: https://github.com/doabit/weex-starter-kit
- Owner: doabit
- Created: 2017-02-14T02:43:35.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-10-14T02:35:10.000Z (almost 8 years ago)
- Last Synced: 2025-03-23T19:15:48.995Z (7 months ago)
- Topics: vue, vue-router, vuex, weex
- Language: JavaScript
- Homepage:
- Size: 131 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# weex-starter-kit
> Starter kit for weex with vue 2.0, vue-router and vuex.
## getting start
```bash
npm install
```
## compile source code
```bash
npm run build
```
## copy the bundle file
```bash
npm run copy:ios # Copy bundle file to the assets folder of iOS project
```
## start web service
```bash
npm run serve
```
Now, you can visit http://127.0.0.1:8080 to preview the app on browser.
## run ios project
First you should [setup the iOS develop environment](https://developer.apple.com/library/content/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html) and install the [CocoaPods](https://guides.cocoapods.org/using/getting-started.html).
Enter the `ios` path to install dependencies:
```bash
pod install
```
Open the project in the `ios` folder by Xcode, you could run the app on the simulator.
## file structure
* `src/*`: all source code
* `app.js`: entrance of the Weex page
* `build/*`: some build scripts
* `dist/*`: where places generated code
* `assets/*`: some assets for Web preview
* `index.html`: a page with Web preview and qrcode of Weex js bundle
* `weex.html`: Web render
* `.babelrc`: babel config (preset-2015 by default)
* `.eslintrc`: eslint config (standard by default)
* `ios/*`: ios platform
## npm scripts
```bash
# build both two js bundles for Weex and Web
npm run build
# build the two js bundles and watch file changes
npm run dev
# start a Web server at 8080 port
npm run serve
# start weex-devtool for debugging with native
npm run debug
```
## notes
You can config more babel, ESLint and PostCSS plugins in `webpack.config.js`.
## reference resources
[vue-ssr-starter-kit](https://github.com/doabit/vue-ssr-starter-kit)
[weex-hackernews](https://github.com/weexteam/weex-hackernews)
## license
[MIT](http://opensource.org/licenses/MIT)