vue搭配什麼做前端開發比較好?

CL丶星


很高興為你回答這個問題:

一、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"); }); } }

希望以上能幫助到你。


啊雄的分享


作為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 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是,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進行了一層包裝,我建議選擇


分享到:


相關文章: