weex、vue 框架项目初始化工具~

weex、vue 框架项目初始化工具~

Martian Template

Frame template for weex-frame、vue-frame .

Install

$ npm install -g martian-cli

Usage

init weex

Usage: martian init:weex [projectName]

一、 项目结构

weex-frame├── android (android项目)│ ├── ios (ios项目代码)│├── src (weex模块)│ ├── api (api模块)│ ├── components (组件模块) │ ├── constants (常量配置) │ ├── utils (工具模块) │ └── views (视图模块) │└── dist (build输出模块) ├── weex (native使用jsbundle) └── web (web使用jsbundle)

二、 项目启动

// 1、 安装weexpacknpm install -g weexpack// 2、 安装依赖npm install// 3、 启动serve./start// 4、设置调试环境// 调试本地servenpm run init serve// 调试assets或者jsbundle文件npm run init local

1、 android 启动

打开andorid studioFile -> New -> Import Project -> {{name}}/android -> 启动

或者：

weexpack run android

2、 iOS 启动

cd iospod install (未安装pod，请先安装)open WeexFrame.xcworkspace

或者：

weexpack run ios

3、 h5 启动方式

打开 http://localhost:8080/web/index.html

或者：

weexpack run web

init vue

Usage: martian init:vue [projectName]

一、 项目结构

vue-frame│├── build (webpack 打包配置)│ ├── config (环境配置)│├── test (测试模块)│└── src (主业务) │ ├── api (api模块) ├── assets (api模块) ├── components（组件模块） ├── pages （界面） ├── router (路由) ├── store （vuex） └── utils (工具模块)

二、 项目启动

npm run dev

打开 http://localhost:8080/

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。