Weex 命令

創(chuàng)建工程

# 從官方模板中創(chuàng)建項(xiàng)目
$ weex create my-project

?@weex-cli/generator? 模塊使用 download-git-repo 去下載模板文件. ?download-git-repo? 工具允許你指定特定的分支及遠(yuǎn)程倉庫地址進(jìn)行項(xiàng)目下載，指定分支通過 (?#?) 符號(hào)進(jìn)行分隔.

下載特定分支下的模板格式如下：

$ weex create '<template-name>#<branch-name>' <project-name>

例如：

$ weex create weex-templates/webpack#v1.0 my-project

該命令將會(huì)通過weex-templates/webpack項(xiàng)目的?v1.0?分支進(jìn)行項(xiàng)目初始化。

你可以從官方模板或者遠(yuǎn)程源創(chuàng)建項(xiàng)目模板，也可以創(chuàng)建你自己的?weex?項(xiàng)目模板，更多細(xì)節(jié)你可以查看如何創(chuàng)建你自己的模板.

編譯頁面

?@weex-cli/compile? 模塊提供對(duì) Weex 項(xiàng)目中 ?.vue? 文件的編譯能力，你可以在官方項(xiàng)目中使用，也可以直接對(duì)單個(gè)?.vue?文件進(jìn)行零配置的沙箱編譯，使用方法如下：

$ weex compile [資源文件] [產(chǎn)物地址]  <options>

例如：

$ weex compile src build

或

$ weex compile src/index.vue build

選項(xiàng)

預(yù)覽頁面

?@weex-cli/preview? 模塊提供對(duì) Weex 項(xiàng)目中? .vue? 文件的編譯及預(yù)覽能力，你可以在官方項(xiàng)目中使用，也可以直接對(duì)單個(gè)?.vue?文件進(jìn)行零配置的沙箱預(yù)覽，使用方法如下：

$ weex preview [file | folder] <options>

瀏覽器會(huì)自動(dòng)得打開預(yù)覽頁面并且你可以看到你的weex頁面的布局和效果。如果你在你的設(shè)備上安裝了Weex Playground App，你還可以通過掃描頁面上的二維碼來查看頁面。

使用下面的命令，你將可以預(yù)覽整個(gè)文件夾中的?.vue?文件

$ weex src --entry src/foo.vue

你需要指定要預(yù)覽的文件夾路徑以及入口文件（通過?--entry?傳入）。

選項(xiàng)

添加iOS/Android工程

?@weex-cli/generator? 模塊提供添加添加Weex官方iOS/Android工程功能。

使用?weex platform [add|remove] [ios|android]?命令可以添加或移除?iOS/Android?項(xiàng)目模板。

例子：

$ weex platform add ios
$ weex platform remove ios

該命令僅在 ?weex? 官方項(xiàng)目中有效，請(qǐng)注意項(xiàng)目結(jié)構(gòu)，可以使用 ?weex platform list?來查看你的項(xiàng)目中支持的平臺(tái)。

運(yùn)行iOS/Android工程

?@weex-cli/run? 模塊提供添加運(yùn)行Weex官方iOS/Android工程功能，你可以通過如下命令使用：

# 運(yùn)行 iOS 模擬器預(yù)覽
$ weex run ios
# 運(yùn)行 Android 模擬器/真機(jī)預(yù)覽
$ weex run android
# 運(yùn)行 Web 端預(yù)覽
$ weex run web

調(diào)試頁面

?@weex-cli/debug? 模塊提供對(duì)Weex頁面的調(diào)試能力，可使用如下命令啟動(dòng)：

$ weex debug [we_file|bundles_dir] [options]

選項(xiàng)

如何集成調(diào)試工具到自己的APP

參考文檔：

• [1] 集成Weex調(diào)試工具(Android)
• [2] 集成Weex調(diào)試工具 (iOS)

代碼質(zhì)量檢查

?@weex-cli/lint? 模塊提供對(duì)Weex代碼質(zhì)量校驗(yàn)功能，可使用如下命令啟動(dòng)：

$ weex lint [file | folder] <options>

選項(xiàng)

?@weex-cli/lint? 內(nèi)置 ?eslint? 模塊用于進(jìn)行代碼質(zhì)量校驗(yàn)，選項(xiàng)可參考 ESLint CLI。

如果想在你的工程內(nèi)加入 ?weex? 代碼質(zhì)量校驗(yàn)，你也可通過添加eslint插件eslint-plugin-weex的方式使用。

開發(fā)環(huán)境檢查

?@weex-cli/doctor? 模塊提供對(duì)本地開發(fā)環(huán)境的檢查，可使用如下命令啟動(dòng)：

$ weex doctor

該命令會(huì)檢查你的本地開發(fā)環(huán)境，你可根據(jù)提示對(duì)你的開發(fā)環(huán)境進(jìn)行調(diào)整，以便進(jìn)行weex頁面的開發(fā)工作。