vscode 从零创建uniapp 项目

系统 mac

vscode 版本: 1.76.0 (Universal)

node v14.19.0

"node-sass": "^4.14.1",

"sass-loader": "^10.1.1",

"vue": "^2.6.11",   

 vue create -p dcloudio/uni-preset-vue 项目名

如果写微信小程序 

  uni-app+uni-ui: 玩下uni-app+uni-ui默认,全端适应的ui框架

在gitee 将该项目下载下来 

vscode 从零创建uniapp 项目_第1张图片

main.js 全局注册

微信小程序上用uni-ui为什么不用npm直接下载?

 npm 下载uni-ui 试过,微信开发者工具上不生效,需要构建npm包,看了网上一大堆资料,操作了没卵用

注册好之后

在app.vue里引入公共scssvscode 从零创建uniapp 项目_第2张图片

uni.scss 内

@import './common/theme.scss'; 

项目内manifest.json 内 找到这段, 填写好你的appid , appid的获取需要注册小程序或公众号。

vscode 从零创建uniapp 项目_第3张图片

 然后npm run dev:mp-weixin启动项目 随后会出现dist 文件夹, 微信开发者工具选择在文件目录中找到dist文件夹一直找到这个文件夹vscode 从零创建uniapp 项目_第4张图片

 

vscode 从零创建uniapp 项目_第5张图片

vscode 从零创建uniapp 项目_第6张图片

 

你可能感兴趣的:(uni-app,vscode,微信小程序)