锐客网

  1. 首页 > 睿知 > >

vue搭配什么做前端开发比较好？

经验知识生活知识


vue搭配什么做前端开发比较好？

文章插图
Vue是一套用于构建用户界面的渐进式框架 。与其它大型框架不同的是 。Vue 被设计为可以自底向上逐层应用 。Vue 的核心库只关注视图层 。不仅易于上手 。还便于与第三方库或既有项目整合 。另一方面 。当与现代化的工具链以及各种支持类库结合使用时 。Vue 也完全能够为复杂的单页应用提供驱动 。
vue搭配什么做前端开发比较好？

文章插图
1、如果你是在做pc端的应用 。最好的选择是ElementUI 。
npm i element-ui -S
最简单的UI写法：http://element-cn.eleme.io/#/zh-CN/component/installation
2、APP mobile应用的话 。最好选择AUI或ionIc
文档：http://www.auicss.com/doc/v/2/doc_id/1
AUI 2.0是一套全新的AUI框架 。在1.X基础上进行了重新架构 。在2.0中 。全局使用rem控制尺寸 。完美适应不同分辨率移动设备；新加入的主题样式表方便开发者自定义基础颜色样式 。完成APP主题的定制 。完美兼容IOS 5.1+ 到Android 4.2+ 。因此我认为他是一款不错的UI插件 。
其他观点：
作为it行业开发者 。很高兴为你解答 。
vue可以搭配的开发很多 。针对前端和后端 。有不同的搭配：
1.针对手机端 。可以单独的就是vue可以做webapp 。如果是要快速开发 。可以选择一些移动端开发框架 。如uniapp 。vant ui、MInt Ui、Nut UI、Cube UI等这些快速开发框架开发 。
2.真对后台管理系统界面开发 。可以选择element ui、AntDesign Vue这两个快速开发框架 。
3.针对后端接口 。可以选择java 。.net 。PHP开发都可以的 。
希望以上能帮助到你 。
其他观点：
很高兴为你回答这个问题：
一、vue针对pc端UI框架有
1 。iview（最新 。用户评分高功能多炫酷 解决和避免了其他UI框架出现的一些小问题）
2, bootstrap （使用用户最多样式死板没特色）
3 。ElementUI （饿了么团队研发 。使用较多不过里还有些小bug）
二、vue针对移动端UI框架有：
1 。BUIhttp://www.easybui.com/docs/很不错 官网有视频介绍 。视频里有介绍非常非常实用的工具 建议去看官网视频 。
这个框架有现成的模板只需要一个 创建模板的命令 就可以创建一个大致的具有交互功能的页面 。
2 。vux（最新）
vux基于WeUI和Vue(2.x)开发的移动端UI组件库star 10k
基于webpack+vue-loader+vux可以快速开发移动端页面 。配合vux-loader方便你在WeUI的基础上定制需要的样式 。
3 。Mint UI
Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库star 8.3k
三、Vue用脚手架搭建
1.安装nodejs
自带npm
2. 安装淘宝镜像 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装webpack 。打开命令行工具输入：npm install webpack -g 。安装完成之后输入 webpack -v
4.安装脚手架
用cnpm安装vue脚手架
cnpm install -g vue-cli
5.创建工程 vue init webpack my-project
需要注意的是项目的名称不能大写 。不然会报错
6.安装依赖cnpminstall
7.用命令npm run dev 来启动项目
特别注意：
1.如果提示“无法识别” 。有可能是npm的版本过低 。
解决办法：npm install -g npm（更新一下版本就好了） 。
2.如果安装失败的话 。
解决办法：npm cache clean（清除一下缓存就好了）
四、后台接口
1.安装npm install axios --save
2.在main.js下引用axios
import axios from 'axios'
3.准备json后台数据:java、php、.net都可以
4.跨域问题 。设置代理 。利用proxyTable属性实现跨域请求在config/index.js 里面找到proxyTable ：{}。然后在里面加入以下代码
proxyTable: { '/api': { target: 'http://www.intmote.com',//设置你调用的接口域名和端口号 别忘了加http changeOrigin: true,//允许跨域 pathRewrite: { '^/api': '' //这个是定义要访问的路径 。名字随便写 } } },
5.打开一个界面 。开始写请求数据的方法
methods: { getData() { axios.get('/api/test.json').then(response = { console.log(response.data); }, response = { console.log(\"error\"); }); } }
【vue搭配什么做前端开发比较好？】希望以上能帮助到你 。

    推荐阅读


    上一篇：原神七天神像怎么供奉 原神七天神像怎么供奉神瞳长啥样

    下一篇：原神 任务列表 原神任务列表是什么