创建VUE项目
# 安装 vue
安装 vue 脚手架
npm install -g @vue/cli
创建 vue 项目
vue create hello-world
# 安装 vant ui
安装 vant 依赖
npm i vant@latest-v2 -S
自动按需引入组件 (推荐)
# 安装插件 npm i babel-plugin-import -D
在.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'] ] };
# 安装 element ui
安装 element 依赖
npm i element-ui -S
自动按需引入组件 (推荐)
# 安装插件 npm i babel-plugin-import -D
在.babelrc 中添加配置
// 将 .babelrc 修改为: { "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } // 对于使用 babel7 的用户,可以在 babel.config.js 中配置 module.exports = { plugins: [ ['component', { libraryName: 'element-ui', libraryDirectory: 'theme-chalk' }, 'element-ui'] ] };