## 通过vue-cli命令行
创建项目
npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project
npm init -y
npm i @types/uni-app @types/html5plus -D
安装 uni-app 语法提示
npm i @types/uni-app @types/html5plus -D
运行并发布uni-app
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM% 可取值如下:
值 | 平台 |
---|---|
h5 | H5 |
mp-alipay | 支付宝小程序 |
mp-baidu | 百度小程序 |
mp-weixin | 微信小程序 |
mp-toutiao | 头条小程序 |
mp-qq | qq 小程序 |
vscode使用uniapp
- 全局安装 vue-cli 3.x(如已安装请跳过此步骤)
npm install -g @vue/cli
- 通过 CLI 创建 uni-app 项目
vue create -p dcloudio/uni-preset-vue my-project
-
安装vue语法提示插件vetur
-
CLI 工程默认带了uni-app语法提示和5+App语法提示
-
安装组件语法提示
npm i @dcloudio/uni-helper-json
- 导入 HBuilderX 自带的代码块
从 github 下载 uni-app 代码块,放到项目目录下的 .vscode 目录即可拥有和 HBuilderX 一样的代码块。