zoukankan      html  css  js  c++  java
  • vant-创建项目

    1、在新项目中使用 Vant 时,推荐使用 Vue 官方提供的脚手架 Vue Cli 创建项目

    # 安装 Vue Cli
    npm install -g @vue/cli
    
    # 创建一个项目
    vue create hello-world
    
    # 创建完成后,可以通过命令打开图形化界面,如下图所示
    vue ui
    

    2、在图形化界面中,点击依赖 -> 安装依赖,然后将 vant 添加到依赖中,同时添加其它需要的依赖,如路由,axios等

     3、安装相关的插件

     4、引用babel 插件

    babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式

    (1)# 安装插件 npm i babel-plugin-import -D

    (2)在 babel.config.js 中配置

           module.exports = { plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ] };

    (3) 接着你可以在代码中直接引入 Vant 组件,插件会自动将代码转化为按需引入形式

            import { Button } from 'vant';

    5、安装好的项目截图如下:

    6、如果要切换项目,如图

     

  • 相关阅读:
    动手动脑5
    每日日报
    每日日报
    每日日报
    每日日报
    每日日报
    每日日报
    每周总结
    2020/10/13
    2020/10/20
  • 原文地址:https://www.cnblogs.com/ivy-zheng/p/13304196.html
Copyright © 2011-2022 走看看