创建vue项目+配置vant(自用)

  1. 安装nodejs,安装成功后,在命令行"node -v",查看版本信息,在命令行"npm -v"查看版本。
  2. 安装淘宝镜像,在命令行键入"npm install -g cnpm --registry=https://registry.npm.taobao.org"
  3. 安装vue-cli3

    npm install -g @vue/cli

    输入Vue -V查看版本信息

  4. 创建项目

    cd进入你存放项目的文件夹,在命令行键入"vue create 项目名"

  5. 根据需求选择配置,按上下键选择,space键选择

  6. 在该项目下安装vant,npm i vant -S

  7. 安装插件,npm i babel-plugin-import -D

  8. // 在.babelrc 中添加配置
    // 注意:webpack 1 无需设置 libraryDirectory
    {
      "plugins": [
        ["import", {
          "libraryName": "vant",
          "libraryDirectory": "es",
          "style": true
        }]
      ]
    }

    // 对于使用 babel7 的用户,可以在 babel.config.js 中配置
    module.exports = {
      plugins: [
        ['import', {
          libraryName: 'vant',
          libraryDirectory: 'es',
          style: true
        }, 'vant']
      ]
    };

  9. cd进入新建的项目,在命令行键入“npm run serve”,打开项目成功

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值