当前位置: 首页 > 后端技术 > Node.js

vue+node全栈手机商城【2】-环境安装

时间:2023-04-03 23:21:05 Node.js

环境安装也简单1.vue-cli的安装,网上有很多教程,就不详细写了这里。2.安装vant,npminstallvant-save,比较流行的方式是【按需导入】。只需根据需要引入某个组件即可,无需关心样式。现在基本都是这样搞的,很少用到importVantfrom'vant'的方法。首先安装:npminstallbabel-plugin-import-save,然后打开vue-cli项目根目录下的.babelrc文件,这是babel的配置文件。配置里面的plugins项,"plugins":["transform-vue-jsx","transform-runtime",["import",{"libraryName":"vant","style":true}]搞定后,在main.js中随机引入一个vant组件,比如一个button按钮,import{Button}from'vant'Vue.use(Button)只需要在main.js中引入一次,然后在任何地方都可以使用整个项目直接用,随便找一个.vue文件,在里面写,primarybutton,就可以看到按钮效果了。这种方式也是vant提倡的,vant组件的引入方式