??uni-app 一套代碼、多端發行，真的像官宣的那么優秀？一起盤他看看！
uni-app支持通過
HBuilderX可視化界面、vue-cli命令行兩種方式快速創建項目
一、通過 HBuilderX 可視化界面創建項目
欲善其事，先利其器，我們需先下載安裝以下兩個工具：
利用 HBuilderX創建我們的第一個uni-app項目：
-
點擊工具欄里的文件 -> 新建 -> 項目
-
選擇uni-app，默認模板，輸入工程名，如：uniapp-test1，點擊創建，即可成功創建uni-app。若點擊Hello uni-app，即可體驗uni-app框架的組件、接口、模板
-
運行
-
以下將我們上面創建的工程運行到了三個平臺：
-
運行界面如下：
二、通過 vue-cli命令行創建項目
假裝你的電腦已裝有npm：
-
全局安裝vue-cli:npm install -g @vue/cli -
創建一個uni-app項目:vue create -p dcloudio/uni-preset-vue project-name
若還沒安裝npm，請移步至npm，安裝好后記得回來繼續~
-
創建過程中選擇默認模板：
-
創建成功，進入項目根目錄cd my-project -> 運行 npm run serve：
-
運行到瀏覽器與運行界面：
-
若在創建時選擇的是Hello uni-app，即可體驗uni-app框架的組件、接口、模板如下：
運行并發布uni-app：
- npm run dev:%PLATFORM%
- npm run build:%PLATFORM%
%PLATFORM% 可取值如下：
| 值 | 平臺 |
|---|---|
| h5 | h5 |
| mp-alipay | 支付寶小程序 |
| mp-baidu | 百度小程序 |
| mp-weixin | 微信小程序 |
dev與build運行的區別：
- dev編譯出的各平臺代碼存放于根目錄的/dis/dev/目錄下，打開各平臺開發工具選擇對應平臺目錄即可進行預覽，如在微信開發者工具中，添加項目時選擇/dis/dev/mp-weixin
- build編譯出的各平臺代碼存放于根目錄的/dis/build/目錄下，發布時選擇此目錄下各平臺目錄進行發布即可。
-
進行 環境判斷 時
- dev 模式 process.env.NODE_ENV 的值為 development
- build 模式 process.env.NODE_ENV 的值為 production。
- dev 模式有 SourceMap 可以方便的進行斷點調試；
- build 模式會將代碼進行壓縮，體積更小更適合發布為正式版應用；
Tips：
- 開發 App 時，其他編輯器搭配
cli只能開發小程序和 H5，其他編輯器無法運行到手機或模擬器，只能使用HBuilderX運行。 - 開發
uni-app，HBuilderX 和其他工具(如vscode)有什么區別？詳見：https://ask.dcloud.net.cn/article/35451
