小程序学习（15）：使用npm，以vant为例；解决安装完vant后一切正常，但是有的组件找不到，如grid宫格

2019年11月20日 09:06:08

说在开头：

1.我之前的小程序学习（七）是不对的，有些文件需要自己手动新建

2.这里没有grid组件，可能是vant版本的问题，如果是版本问题，建议删除老版本，安装新版本，我在这篇中有安装指定版本的vant

小程序学习（15）：使用npm，以vant为例

1.点击操作，创建package-lock.json

点击详情=》构建npm，
然后会自动创建package-lock.json文件

2.点击操作及命令行，创建package.json

2.1 点击版本管理=>初始化git库=>在终端打开

2.2 小黑框命令行创建package.json
可以

npm init -y

或者，然后一路回车，（其中可以设置，但是不懂的就别盲目设置了）

npm init

3.下载vant

还是在终端小黑框
3.1初始化

npm init

3.2 安装vant（重点）

npm install --save vant-weapp@1.0.0-beta.0

注： 这个是安装指定版本，@符号后面是版本号，
因为现在网站上的是vant小程序https://youzan.github.io/vant-weapp/#/quickstart

如果这样安装

npm i vant-weapp -S --production

会默认安装0.5的版本，我在使用中，0.5的版本少很多东西，比如这个组件就没有
2020年4月16日 修改：已经不会默认安装老版本，可使用官方方法直接安装

"van-grid": "vant-weapp/grid/index",
"van-grid-item": "vant-weapp/grid-item/index"

所以最好安装最新版的，和网址上面的一样，

4.构建npm

这个没啥好说的，工具=>构建npm

看vant版本

打开package.json

或打开package-lock.json