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、Ant Design Vue这两个快速开发框架。

3.针对后端接口。可以选择java。.net。PHP开发都可以的。

希望以上能帮助到你。

其他观点：

很高兴为你回答这个问题：

一、vue针对pc端UI框架有

1。iview （最新。用户评分高功能多炫酷 解决和避免了其他UI框架出现的一些小问题）

2, bootstrap （使用用户最多样式死板没特色）

3。ElementUI （饿了么团队研发。使用较多不过里还有些小bug）

二、vue针对移动端UI框架有：

1。BUI http://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\"); }); } }

希望以上能帮助到你。

• 想开个店,开什么好呢？资金不多,刚刚创业。谢谢？
• 我是一个创业小白,想要开一家店铺,大家有什么好的推荐吗？
• 初次创业,有什么好的建议,请高人指点下？
• 英雄不问出路,各位第一次创业是做什么？有一样选择摆摊的么？
• 刚开始创业你们会选什么行业？

以上就是由互联网推广工程师 网创网 整理编辑的，如果觉得有帮助欢迎收藏转发~