# 注册成功开发者

请到小程序商户平台注册成为开发者

去入驻

# 创建一个小程序

请事先准备好开发环境

$ weex create lmspay/mpweex-template test
? Project name test
? Project description A mpweex project
? Author ikantech <ikantech@163.com>
? User default mpweex web render Yes
? Babel compiler (https://babeljs.io/docs/plugins/#stage-x-experimental-presets) stage-0
? Use vue-router to manage your view router? (not recommended) No
? Use ESLint to lint your code? No
? Set up unit tests No
? Should we run `npm install` for you after the project has been created? (recommended) npm

执行完命令后，在 awesome-project 目录中已经为我们生成了标准项目结构。

# 开发

进入项目所在路径，如果你在生成项目的时候选择了自动安装依赖，在进入项目后只需直接运行 npm start 就可以将项目完整跑起来，否则，你需要预先在项目中运行一下 npm install 安装项目所需依赖。

去下载playground

关于 Weex 语法部分，你可以直接参考 Vue Guide，这里不再重复介绍。如果您想了解有关技术详情的更多信息，请继续阅读下一节。

# 控制台

playground控制台，可通过扫码预览后，在导航栏右侧菜单中找到。

# 静态资源

进入项目所在路径，你会发现有一个static目录，可以将图片、字体等静态资源放置在此处，调试及编译时，会自动拷贝到dist目录下。

资源的引用，可参照资源路径。如在static目录下，有一个图片，名称为logo.png，则在代码中可通过/logo.png或mpweex://logo.png进行引用。

# 编译及上架

结束开发之后，进入到项目根目录，将dist目录删除，执行以下命令编译可上架版本

npm run build:mpweex

编译完成后，进入dist目录，将整个目录打包成zip格式，然后在小程序商户平台内进行上架。