Uni-app模板使用，Vscode开发，搭建下载模板流程

1.首先全局安装 vue-cli

npm install -g @vue/cli

2.然后创建uni-app项目

使用vue2正式版（对应HBuilderX最新正式版）

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

使用Vue3/Vite版

创建以javascript开发的工程：
npx degit dcloudio/uni-preset-vue#vite my-vue3-project


创建以Typescript开发的工程：
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

3.此时会提示选择模板，选择默认模板，如果想体验搭建好的模板项目可以选择Hello uni-app

4.在项目根目录，编译项目至微信平台

npm run dev:mp-weixin

5.在manifest.json文件下填写APPid

6.启动微信小程序

目录：导入项目中的dist/dev/mp-weixin文件

Appid 绑定

项目创建完成

下载vant 小程序版

# 通过 npm 安装 npm i @vant/weapp -S --production 
# 通过 yarn 安装 yarn add @vant/weapp --production 
# 安装 0.x 版本 npm i vant-weapp -S --production

项目停止-报错

修改依赖版本更新至最新版本

npx @dcloudio/uvm

vant 暂时无法使用

项目配置完需要手动下载scss & less

  npm i less --save-dev //把less源码安装到开发环境
  npm i less-loader@6 --save-dev //安装less解析器 （★一定要指定版本）