浏览模式: 普通 | 列表
5月, 2022 | 1

vue3中vant ui框架按需加载的配置方法

[ 2022-05-08 22:49:18 | 作者: admin ]
1、务必先下载安装vant组件，不要忘记
cnpm i vant -S

2、下载按需加载的插件babel
cnpm i babel-plugin-import -D


3、babel.config.js 中配置
module.exports = {
     presets: ['@vue/cli-plugin-babel/preset'],
     plugins: [
         [
             'import',
             {
                libraryName: 'vant',
                libraryDirectory: 'es',
                style: true
             },
             'vant'
         ]
     ]
}



4、main.js 文件中加载需要的vant组件成员[code][/code]...

阅读全文…
分类: Vue.js | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 535

win7下面安装node.js、cnpm、vue3

[ 2022-05-08 16:02:17 | 作者: admin ]
一、win7下面安装 node.js
win7下面的node.js最高可以安装node.js 13，不过node13没有办法安装vue3，所以只能选择node12，
亲测可以安装node.js 12.22.8 https://nodejs.org/download/release/v12.22.8/

二、win7下面安装 vue3
npm install -g cnpm --registry=https://registry.npm.taobao.org //改为淘宝镜像 安装cnpm
cnpm install vue //安装vue
cnpm install -g @vue/cli //安装全局vue-cli脚手架 , vue3的脚手架
cnpm install -g webpack //若没有安装webpack，则先安装webpack
...

阅读全文…
分类: Vue.js | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 475
1