微信小程序使用 Vant Weapp 的步骤

原文链接：https://www.jb51.net/article/167545.htm

原文链接：https://blog.csdn.net/ShiXinXin_Harbour/article/details/102568389

原文链接：https://youzan.github.io/vant-weapp/#/quickstart

原文链接：https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

1、在根目录中，打开终端命令，cd到你的项目miniprogram目录下；

2、npm 初始化，如果段含你的小程序项目没有安装过npm包的话，你需要先初始化npm，

      npm init

3、# 通过 npm 安装

        npm i @vant/weapp -S --production

4、

5、修改该配置项

构建npm时，会在node_modules的同级目录中创建一个miniprogram_npm；miniprogram_npm包才是小程序真正使用的npm包；

原理介绍

为了帮助大家更好的理解发布 npm 包中提到的各种要求，这里简单介绍一下原理：

首先 node_modules 目录不会参与编译、上传手燃神和打包中，所以小程序想要使用 npm 包必须走一遍“构建 npm”的过程，在每一份 miniprogramRoot 内开发者声明的 package.json 的最外层的 node_modules 的同级目录下会生成一个 miniprogram_npm 目录，里面会存放构建打包后的 npm 包，也就是小程序真正使用的 npm 包。

构建打包分为两种：小程序 npm 包会直接拷贝构建文件生成目录下的所有文件到 miniprogram_npm 中；其他 npm 包则会从入口 js 文件开始走一遍依赖分析和打包过程（类似 webpack）。

寻找 npm 包毕亏的过程和 npm 的实现类似，从依赖 npm 包的文件所在目录开始逐层往外找，直到找到可用的 npm 包或是小程序根目录为止。 下面简单介绍下构建打包前后的目录情况，构建之前的结构：

1、本地管理

1.1、提交工作区的修改

1.2、查看历史

1.3、查看文件修改历史

1.4、检出和创建分支

2、上传到gitee

2.1.首先你要有一个gitee账号

2.2、你要在你的gitee账号中添加一个仓库

2.3、微信开发者工具版本管理->设置->远程

2.4、认证方式选择亮禅使用用户名和密码

2.5、推送

2.6、去gitee仓库查敬斗尘看

主要是上次的代码想弄个下载链接，结果发现本地调试的文件夹太大，直接删除又不是个明知的选择，看到官方文档介绍上传不会上传node_module就去看了一下版本管理，详情请看微信官方文档-版本管理和微信官方文档-微信开发者代码管理

本文的除了上传git其他都复制微信官方文档

1、本地管理

开发者可以在打开的项目窗口里，点击工具栏上的 “版本管理” 按钮进入 Git 版本管理界面。

1.1、提交工作区的修改

在 “工作区” 可以查看到目前工作目录的变更及对比，并直接通过勾选文件前面的复选框将其添加到暂存区。右键点击工作区或者此文件，可以丢弃修改。输入提交标题和详情，点击提交按钮即可以提交本次的变更。在标题栏上点击右键可以使用常用的 Gitmoji 符号。其中代码栏的新增测试打印信息

1.2、查看历史

点击历史或者某个分支，可以查看到当前分支的最新提交记录。每个提交记录都可以看到变更的内容以及目录树详情。展开目录树后，在文件上右键点击，可以保存该提交版本的文件完整内容，或者检出该版本的文件。

1.3、查看文件修改历史

在提交记录的目录树文件上右键点击，可以查看到某个文件截至该提交的所有变更记录，并可直接查看文件内容，方便排查问题。

1.4、检出和创建分支

要检出某分支，直接在分支上点击右键选择 “检出” 即可。要创建分支，可以在要创建的提交记录或者分支名上右键，选择 “创建分支” 即可。

2、上传到gitee

2.1.首先你要有一个gitee账号

2.2、你要在你的gitee账号中添加一个仓库

2.3、微信开发者工具版本管理->设置->远程

名称随意，URL输入自己仓库的URL

2.4、认证方式选择使用用户名和密码

输入你的gitee的账号和密码，in_action是我 的账号

此时你已经配置好了

2.5、推送

选择你需要上传的版本，点击推送

2.6、去gitee仓销销库查看

上传成功

---