详解Vue2.0配置mint-ui踩过的那些坑
最近开发项目的时候逐渐采用vue.js+mint-ui的技术栈,但是昨天开始配置开发环境的时候,遇到了各种报错,即使是按照两家的官方文档配置,也还是会报错,晚上下班后回去配置了一晚上,才终于把它配置好,所以就记录下来,以防后面再次踩坑。。 vue.js介绍Vue.js 是一个用于创建 web 交互界面的。其特点是
mint-ui介绍Mint UI是饿了么前端团队开源的基于 Vue.js 的移动端组件库 特点是:
创建Vue.js项目首先根据vue官网给出的方法在本地创建一个vue项目 配置Mint UI 环境接着根据Mint UI的官网在项目中引入Mint UI的环境 然后在项目中的main.js文件引入所有组件 Vue.use(MintUI)
好了根据官网所说的,以上代码便完成了 Mint UI 的引入。 运行项目最后根据官网的内容在APP.vue里面写一个button组件看看 好了,环境搭建完成,我们来运行项目吧 然后就啪啪啪各种报错 解决错误首先你需要在本地项目中安装CSS解释器
然后在build文件夹下面的webpack.base.conf.js文件里面配置如下代码 }
如果你报es2015之类的错误,则需要将.babelrc文件修改为: 最后运行环境配置好后,我们最后再运行一下。
终于可以了,就此,环境配置完成。
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |