在 WebStorm 中开发 uni-app

代码已上传至github
github代码地址：https://github.com/Miofly/mio.git

CLI 工程

全局安装 vue-cli 3.x（如已安装请跳过此步骤）

npm install -g @vue/cli

通过 CLI 创建 uni-app 项目

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

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

在 WebStorm 中打开项目

 

 

CLI 工程默认带了 uni-app 语法提示和 5+App 语法提示

 

 

 

 

运行项目

npm run dev:%PLATFORM%

发布项目npm run build:%PLATFORM%

%PLATFORM% 可取值如下：

值	平台
h5	H5
mp-alipay	支付宝小程序
mp-baidu	百度小程序
mp-weixin	微信小程序
mp-toutiao	头条小程序
mp-qq	qq 小程序

 

HBuilderX 工程

HBuilderX 创建的工程默认不带 types 语法提示，在 WebStorm 中编辑的时候，可以自行安装

初始化npm（如已初始化跳过此步骤）

npm init -y

安装 uni-app 语法提示

npm i @types/uni-app @types/html5plus -D