Uniapp Cli 微信小程序，H5 以及其他平台

Uniapp Cli 微信小程序，H5 以及其他平台

• • 环境安装
  • 创建uni-app
  • 安装 postcss
  • 安装 Less
  • 配置AppId
  • 运行
  • 微信小程序配置

环境安装

全局安装 vue-cli

npm install -g @vue/cli

创建uni-app

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

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

选择项目模板，一般使用默认模板

安装 postcss

npm install -s postcss-cli@8.0.0
npm install postcss

安装 Less

npm install less-loader@7.0.0
npm install --save less

配置AppId

如果要运行到微信小程序，那么需要在此配置。在manifest.json 57行

运行

微信小程序

npm run dev:mp-weixin

H5

npm run dev:h5

这里只列举了两项，其他平台可以查看：https://uniapp.dcloud.net.cn/quickstart-cli.html

微信小程序配置

打开微信开发者工具，导入uniapp 生成项目的路径：项目\dist\dev\mp-weixin

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！