新手问答

N01：uni-app有哪些独有的优势？

答：uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本八大关键指标上拥有更强的优势。

uni-app相比其他跨端框架，开发者、案例数量更多，拥有几十万个应用、12亿月活、70多个微信或QQ群、更高的百度指数。

uni-app的跨端完善度更高，支持目前所有的主流平台，真正提高了生产力。另外，uni-app在跨端的同时，通过条件编译+平台特有API调用，可以为某平台编写个性化代码，调用专有能力而不影响其他平台，可以做到各个平台独有的功能相互独立。在这样的前提下，uni-app还做到了性能优秀，小程序端的性能优于市场上的其他框架。

uni-app的周边生态更丰富，插件市场中有数千款插件，其中高质量的插件数不胜数，而且每天都有大量的插件上架。同时，uni-app还支持npm插件、小程序组件和各种SDK直接使用。

uni-app基于通用的前端技术栈，采用Vue语法+微信小程序API，无额外学习成本。官方提供的HBuilderX工具更是高效开发“神器”，熟练掌握后开发效率可以翻倍，这也是其他跨端框架不具备的。

N02：使用vue-cli和使用HBuilderX创建项目有什么区别？

答： 使用vue-cli和使用HBuilderX创建项目的区别主要体现在编译器和开发工具上，下面分别进行介绍。

1. 编译器的区别

编译器是项目工程化管理必不可少的一环，两者的区别如下。

（1）使用vue-cli创建的项目，编译器安装在项目下。如需升级编译器，需执行npm update，或手动修改package.json中的uni相关依赖版本后执行npm install。更新后可能会有新增的依赖没有自动安装，需要手动安装缺少的依赖。

（2）使用HBuilderX可视化界面创建的项目，编译器在HBuilderX的安装目录下的plugin目录中，编辑器会随着HBuilderX的升级自动升级。

（3）使用vue-cli创建的项目，如果想在HBuilderX里使用，在HBuilderX中打开项目即可。注意，如果是在HBuilderX中打开整个项目，则编译时运行的是项目下的编译器；如果是在HBuilderX中打开项目下的src目录，则运行的是HBuilderX安装目录下plugin目录中的编译器。

（4）vue-cli创建的项目如果想安装less、scss、ts等编译器，需自己使用npm命令进行安装。

2. 开发工具的区别

熟练使用开发工具是提升开发效率的关键因素，两者的区别如下。

（1）使用vue-cli创建的项目内置了d.ts，同其他常规npm库一样，可在VSCode、WebStorm等支持d.ts的开发工具里正常开发并有语法提示。

（2）使用HBuilderX创建的项目不带d.ts，HBuilderX内置了uni-app语法提示库。如需将HBuilderX创建的项目在其他编辑器中打开并补充d.ts，可以在项目下先执行npm init命令，然后执行npm i @types/uni-app –D命令。

（3）VSCode等其他开发工具在Vue或uni-app领域的开发效率不如HBuilderX高。

（4）发布App时，需要使用HBuilderX。其他开发工具无法发布App，但可以发布H5、各种小程序。

如需开发App，可以先在HBuilderX里运行，然后在其他编辑器里修改代码，代码修改后会自动同步到手机基座。

（5）如果使用vue-cli创建项目，那么下载HBuilderX时只需下载10MB的标准版即可，因为编译器已经安装到了项目下。