创建 uni-app

有两种方式 快速搭建 uni-app

使用编译器HbuilderX 创建

create1.png

create2.png

run-chrome.png

run-phone.png

run-weixin.jpg

使用 vue-cli 脚手架 创建 uni-app

注意 vue-cli 版本必须是 3.x

环境安装

全局安装 vue-cli

npm install -g @vue/cli

创建 uni-app

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

181689CD-E8D5-4abd-A4F4-E757FC92BDD3.png

此时，会提示选择项目模板，初次体验建议选择 hello uni-app 项目模板，如下所示：

4F1A3AB3-D93A-4016-85F7-5ADC0A41837F.png

运行并发布 uni-app

npm run dev:%PLATFORM%
npm run build:%PLATFORM%

%PLATFORM% 可取值如下：

57C4E05B-E733-4ce4-9DED-98B8B06B595B.png