前言
当需要开发一个新的项目（如微信小程序、原生 Vue 的项目）的时候，我总是烦恼的过程是：项目搭建（需要通过 npm 安装其他组件库）。记得四天前，我第一天进入公司，人生首次在公司开发项目。我开始使用原生 Vue 开发项目，当进行到安装 ElementUI 这一步的时候着实让我想要立刻离开公司，立刻放弃写代码。TMD 老是各种爆红，照着官方文档弄都弄不好。下午，我糊里糊涂地把 ElementUI 安装好了，我开始了我的项目开发。“这个项目不指望你做出来，熟悉熟悉”，这句话一直在我脑子回想，所以开发速度也慢了，而且经过毕业、经过和同在一间屋子生活四年的室友的分离、经过找房子的烦恼我已经不哪么喜欢写代码了。多么枯燥的一件事啊！老板给了一个链接，要求我按照那个链接做一个 H5 页面。在我眼中，这是需要些到一模一样的，所以我一直弄、一直弄，渴望把它做到一模一样，于是开发时间极慢（当然也有技术不到位，主要是技术不到位）。前天星期天，我星期六的时候就坐19：30分的255的公交车回学校了，主要是想多和学校接触一下，多和宿舍接触一下，哪儿有我喜欢的味道。星期天下午准备坐车回花果园，但是天突然暗淡，似乎要下雨，我看了天气预报也是要下雨。所以，我请假了。我的项目被同事（孙兵）做了，他一个下午就做好了，并部署了。虽然它哪个页面的样式和原版链接的很不像，但是他的的确确是完成了。哪天晚上我也花时间把我的项目完成了，写到晚上三点钟。
我的哪个项目，他帮我完成了。老板又分配了新的项目。该项目是一个微信小程序，我又开始使用 npm 安装微信小程序的 VantWeapp 组件库了。结果依然是让人愤怒异常（还是各种报错，真 TM 服了这个老六），这个问题我在学校的时候和陈芝伟也遇到过，但当时我没有记录解决过程，所以现在只能着急，到处找解决方案）。老子这次不把微信小程序安装 Vantweapp 的文档写明白了我就是狗🐕。
下面就是我使用微信开发者工具创建微信小程序项目，并安装 VantWeapp 的过程。（内容参照了 CSDN 的另一个创作者的文章，它的 CSDN 账号名称是：菜鸟起飛）
一、步骤总结
1、创建微信小程序项目
2、安装 Vant Weapp（打开 cmd 命令行终端，进入项目根目录文件夹，按照顺序执行下面的命令）当初陈芝伟教我弄的时候好像就是这样弄的。
npm initnpm i @vant/weapp -S --production3、安装完成后，修改 app.json
去掉【"style": "v2"】
4、修改 package.config.json
5、开启使用 npm 模块
在软件右上角：详情 → 本地设置 → 勾选上使用 npm 模块
6、构建 npm
在软件左上角：工具 → 构建 npm
7、最后在 app.json 引入组件即可，如：
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}二、图文步骤
1、创建微信小程序项目
2、安装 Vant Weapp
依次执行：
npm initnpm i @vant/weapp -S --production输入 npm init 回车后，会有一些选项，一直回车或安装要求填写即可。
执行完上述指令后：
3、删除【"style": "v2"】
4、修改 package.config.json
5、开启使用 npm 模块
在软件右上角：详情 → 本地设置 → 勾选上使用 npm 模块
7、最后在 app.json 引入组件即可，如：
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}成功！希望你操作的时候也一帆风顺吧！！
