uni-app 是一个用 vue 语法来开发小程序、App、H5 嘚框架官方推荐的开发工具为 HBuilderX,使用起来有很好的开发体验
不过,由于 HBuilderX 没有 Linux 版以及很多前端之前已经习惯了 vscode不想更换编辑器。直接使用 vscode 开发 uni-app其体验并不是很好。
全局安装 vue-cli 3.x(如已安装请跳过此步骤)
此时会提示选择项目模板,初次体验建议选择 hello uni-app
项目模板如下所示:
组件语法提示是uni-app的亮点,其他框架很少能提供
HBuilderX 创建的工程默认不带 types 语法提示,在 vscode 中编辑的时候可以自行安装
初始化npm(如已初始化跳過此步骤)
关于uni-app插件市场的插件,vscode一样可以使用
- 如果这些插件有npm使用方式(如uni-ui),可以用npm
- 如果作者没提供npm方式那么下载zip包解压也是可鉯用的