uniapp创建项目脚手架的区别

| |
[不指定 2023/08/09 11:49 | by 刘新修 ]

vue-cli 构建 uniapp 项目:

优点:
vue-cli 是一个强大的工具,可以快速构建出各种类型的项目,配置灵活,便于维护和管理。同时,其支持 TypeScript 等最新技术,可以提高开发效率和代码质量。
vue-cli 集成了丰富的插件和模板,可以帮助您快速搭建 uniapp 项目,并提供了丰富的功能和组件。
vue-cli 社区活跃度高,得到广泛应用和支持,很多开发者都已经熟悉了 vue-cli 的使用和优化。
缺点:
基于 vue-cli 构建 uniapp 项目需要一定的前端开发经验和技能,对初学者来说可能会有些困难。
构建出来的项目大小比较大,需要考虑如何压缩和优化代码,以提升页面加载速度。
HBuilderX.exe 构建 uniapp 项目:
优点:
 
HBuilderX.exe 是一款专门为 uniapp 开发提供的开发工具,可以快速搭建 uniapp 项目,支持调试、运行等功能,适合初学者或没有前端开发经验的开发者使用。
HBuilderX.exe 集成了丰富的组件和模板,可以快速搭建出各种类型的 uniapp 项目,并且自带了一些 UI 组件,方便快速开发。
HBuilderX.exe 教程和文档详尽,易于上手,初学者可以快速掌握。
 
缺点:
HBuilderX.exe 对于更高级的定制和优化需要进行配置和扩展,需要一定的前端开发经验和技能。
 
在使用 HBuilderX.exe 构建 uniapp 项目时可能会有一些限制,例如只支持部分平台等问题,需要根据项目需求选择适合的构建方式。
创建uni-app项目(步骤流程)
方式一:直接在HBuilder X上创建(常用)
在窗口栏找到“文件”=>新建=>项目
会在HBuilder X会在右下角提示项目创建成功,成功之后的项目目录结构如下:
方式二:使用命令行(vue-cli)创建
vue create -p dcloudio/uni-preset-vue my-project
创建成功之后,运行即可。
cd my-project
npm run serve
项目目录结构:
Tags:
vue | 评论(0) | 引用(0) | 阅读(585)