使用wepy框架,新建小程序项目

附:官网快速开始链接(点我直接跳转)

打开命令行
一.全局安装wepy

npm install @wepy/cli -g

查看安装成功

 wepy --help

在这里插入图片描述
说明全局安装成功

二.新建项目

1.执行命令(wepy_test是项目名称,可随意填写)

wepy init standard wepy_test

在这里插入图片描述
新建成功

在这里插入图片描述

2.进入项目

项目目录
在这里插入图片描述

安装依赖

cnpm install

安装成功之后就可以使用

npm run dev

启动并编译项目了

三.查看项目

使用开发者工具导入新建项目的根目录,即可预览效果。

在这里插入图片描述

在这里插入图片描述

项目目录结构

在这里插入图片描述

学过vue的都明白这个目录结构跟vue-cli是一样的

新增成功

四.引入vant组件

附:vant官网请点这里

执行命令

 cnpm i @vant/weapp -S --production

在这里插入图片描述

将node_modules下的vant_weapp中的dist文件夹考入components文件夹中

在这里插入图片描述

在这里插入图片描述

usingComponents: {
    
    
  'van-button': '../components/vant/button/index'
}

随便引入一个组件试试,是否成功

在这里插入图片描述

成功显示,引入成功

猜你喜欢

转载自blog.csdn.net/lb1135909273/article/details/104626873