创建第一个uni-app

点击左上角【文件】>>【新建】>>【项目】,选择uni-app模板。
2、创建uni-app - 图1

uni-app目录结构
2、创建uni-app - 图2

环境安装

全局安装vue-cli

  1. npm install -g @vue/cli

使用正式版(对应HBuilderX最新正式版)

  1. vue create -p dcloudio/uni-preset-vue my-project

使用alpha版(对应HBuilderX最新alpha版)

  1. vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project

此时,会提示选择项目模板,初次体验建议选择 hello uni-app 项目模板,如下所示:
image.png