当执行了npm run dev
命令来编译前端资源时经常会遇到一个报错,类似这样:
> Code@/p/5
來源:简书
简书著作权归作者所有任何形式的转载都请联系作者获得授权并注明出处。
现在有一需求就是:在一个vue的项目中在测试环境和生产环境打包的时候,链接的路径不一致
Vue 是一个前端框架特点是
比如你妀变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值
页面上小到一个按钮都可以是一个单独的文件.vue这些小組件直接可以像乐高积木一样通过互相引用而组装起来
这里使用的是豆瓣的公开 GET 接口,如果接口是跨域的 POST 请求则需要在服务器端配置:
这時候运行看看。等一会接口返回数据咦,数据加载出来了棒棒哒 !
组件、双向绑定、路由、数据请求等基本特性都能用了,写到这里一個单页应用基本上成型了但是,这界面也太 TM 难看了吧自己写 UI 框架太费劲?那就上网找一个吧
本来想给大家介绍 Vux 的,因为他用的是微信的 WeUI 设计规范对于开发微信小程序或者微信内的网页非常和谐,但由于写这篇文章的时候 Vux 还不支持 vue2.0只能用别的框架了。
命令行安装 ElementUI (此處某公司的人应该发红包了...)
官网文档又有坑了安装教程也不跟我们说这一步,当我们都是高手了...
报错是由于我们引入了index.css
这个 CSS 文件但是 webpack 咑包的时候无法识别并转换成 js,所以就需要配置才能读取 css 和字体文件运行命令安装下面三个东西(如果之前安装过就不需要了)
给豆瓣的电影列表套个衣服(样式) :
列表比之前漂亮多了,你还可以参照 ElementUI 的文档使用更多组件样式
后来发现直接运行 webpack 命令就可以打包了
}版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。