微信小程序npm项目构建和使用(按照步奏操作)

1.微信开发者工具里面新建目录miniprogram目录(文件目录名和红色框名一致),然后在miniprogram目录下新建node_modules目录。

微信小程序npm项目构建和使用(按照步奏操作)_第1张图片

2.WIN+R打开运行输入CMD运行黑窗口,cd到你的项目miniprogram目录(错误请忽略)

微信小程序npm项目构建和使用(按照步奏操作)_第2张图片

3.npm init(中间运行停止一律回车)(首先确保你的电脑安装了node.js和配置好环境变量)

4.npm install --production

5.npm i vant-weapp -S --production

6.以上是npm初始化接下来可以添加自己项目需要的npm install miniprogram-datepicker --production

7.到小程序编辑工具内构建npm

微信小程序npm项目构建和使用(按照步奏操作)_第3张图片

8.在需要使用的页面的.json文件内进行如下配置

微信小程序npm项目构建和使用(按照步奏操作)_第4张图片

 

9.在使用的页面进行如下使用(红色框部分)

微信小程序npm项目构建和使用(按照步奏操作)_第5张图片

你可能感兴趣的:(微信小程序,开发问题,npm)