uni-app支持通过可视化界面和vue-cli命令行快速创建项目。通过HBuilderX可视化界面的可视化方式比较简单。HBuilderX内置相关环境，无需配置nodejs即可开箱即用。创建uni-app，点击工具栏中的文件->新建->项目：选择uni-app，输入项目名称，如：hello-uniapp，点击创建即可成功创建uni-app。点击模板中的Hellouni-app，体验官方示例。运行快捷键是Ctrl+r，发布uni-app，打包为原生App（cloud）。在HBuilderX工具栏，点击Publish，选择Nativeapp-CloudPackage，如下图：出现如下界面，点击Package。在百度小程序开发者工具中，导入生成的百度小程序项目。测试项目代码运行正常后，点击“上传”按钮上传代码，然后在百度小程序管理中心选择创建的应用，点击发布，选择对应版本提交审核.发布为支付宝小程序：进入支付宝小程序，参考：支付宝小程序教程。在HBuilderX顶部菜单中点击“发布”=>“小程序-支付宝”，在/unpackage/dist/build/mp-alipay中生成支付宝小程序项目代码。发布的快捷键是Ctrl+u使用cli脚手架，可以通过vue-cli创建uni-app项目。全局安装vue-clinpminstall-g@vue/clicreateuni-appvuecreate-pdcloudio/uni-preset-vuemy-projectrunandpublishuni-appnpmrundev:%PLATFORM%npmrunbuild:%PLATFORM%%PLATFORM%可能取值如下：valueplatformh5h5mp-alipay支付宝小程序mp-baidu百度小程序mp-weixin微信小程序mp-toutiao头条小程序mp-qqqqdev和build模式的区别：dev模式有SourceMap断点调试方便；构建模式会压缩代码，体积更小，更适合发布为正式版应用；在进行环境判断时，dev模式下process.env.NODE_ENV的值为development，build模式下process.env的值为development。NODE_ENV的值是生产。使用cli创建项目和使用HBuilderX可视化界面创建项目有什么区别？编译器有什么区别？对于cli创建的项目，编译器安装在项目下。并且不会随HBuilderX升级。要升级编译器，请执行npmupdate。HBuilderX可视化界面创建的工程，编译器在HBuilderX安装目录下的plugin目录下，编译器会随着HBuilderX的升级自动升级。如果想在HBuilderX中继续使用cli创建的工程，可以将工程拖入HBuilderX中。注意，如果将整个工程拖入HBuilderX，编译时会使用工程下的编译器。如果将src目录拖入HBuilderX中，将使用HBuilderX安装目录下plugin目录下的编译器。如果要在cli版本中安装less、scss、ts等编译器，需要用npm手动安装。在HBuilderX的插件管理界面安装无效，只对HBuilderX创建的工程有效。cli创建的项目内置了d.ts。和其他常规的npm库一样，可以在vscode、webstorm等支持d.ts并有语法提示的开发工具中正常开发。使用HBuilderX创建的项目是没有d.ts的，HBuilderX内置了uni-app语法提示库。如果需要在其他编辑器中打开HBuilderX创建的工程添加d.ts，可以先在工程下执行npminit，然后npmi@types/uni-app-D添加d.ts。但是其他开发工具比如vscode在vue或者uni-app领域的效率不如HBuilderX。详见：https://ask.dcloud.net.cn/art...发布App时，仍然需要HBuilderX。其他开发工具不能发布APP，但是可以发布H5和各种小程序。如果需要开发App，可以先在HBuilderX中运行，然后在其他编辑器中修改保存代码。代码修改后，会自动同步到手机dock。如果使用cli创建工程，下载HBuilderX时只需要下载10M标准版即可。因为项目下已经安装了编译器。如本账号内容有问题（例如：涉及版权或其他问题），请及时联系我们进行整改，我们会尽快处理。请喜欢它！因为您的认可/鼓励是我写作最大的动力！欢迎关注大叔小生简书！这是一个有品质有态度的博客
