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 将该项目下载下来 

main.js 全局注册

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

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

注册好之后

在app.vue里引入公共scss

uni.scss 内

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

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

 然后npm run dev:mp-weixin启动项目 随后会出现dist 文件夹， 微信开发者工具选择在文件目录中找到dist文件夹一直找到这个文件夹