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

CL丶星


作为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"); }); } }

希望以上能帮助到你。


啊雄的分享


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插件。


安全时刻


vue 搭配网络库axios、路由库vue-router、状态管理库vuex、UI库element-UI 、搭建后端管理系统,非常快。

new Vue({
router,

store,

render:h=(App)}).$mount("#app")


京东it小哥


网络请求用axios,界面用element-ui,jquery是一定要用的,搭工程的话就直接用vue-cli脚手架,推荐3.0版本以上的,配置比较少,比较好用一点,差不多就这些了,然后如果有什么特殊需求的话,可以去下载其他插件。


TZJ3611


我第一次接触vue是因为给德邦做一个物流管理系统 springboot 后台还是比较容易开发的 mvvm


生活有点淡


element框架,是饿了么公司的产品,对vue进行了一层包装,我建议选择


分享到:


相關文章: