环境安装
全局安装 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