需要學(xué)習(xí)多長時間？

無限長。

ant design這種其實(shí)是為了更加簡化開發(fā)人員的工作而開發(fā)出來的一套前端組件，比如antd的table，表頭，以及表內(nèi)容數(shù)據(jù)如何組織構(gòu)造，如何自定義樣式，這些都有現(xiàn)成的demo和API照著依葫蘆畫瓢就可以，不用特意去學(xué)習(xí)。

js基礎(chǔ)不錯的話，用vue很快就上手的。vue的文檔很好懂，ui庫用element ui。用vue-cli就可以生成單頁的開發(fā)環(huán)境，用多頁的話可以按照這個修改vue-cli多頁配置。剩下的就看你項(xiàng)目復(fù)雜度了

剛把一個ejs后端渲染的項(xiàng)目用vue改造成前后端的架構(gòu)，整個開發(fā)按照以下幾點(diǎn)展開
1.vue腳手架的構(gòu)建
2.頁面模塊劃分，通過路由及參數(shù)傳遞將頁面連接起來
3.使用mock工具將構(gòu)造靜態(tài)數(shù)據(jù)，推薦easy_mock
4.封裝公共請求API，及業(yè)務(wù)獲取API封裝，靜態(tài)接口調(diào)試
5.根據(jù)靜態(tài)數(shù)據(jù)細(xì)化頁面業(yè)務(wù)修改CSS樣式
6.將API切換為開發(fā)測試的API，聯(lián)調(diào)
7.打包nginx靜態(tài)部署
8.優(yōu)化及一些坑處理
其中4是vue使用的核心，詳情內(nèi)容參考官方文檔，模版的語法，生命周期，組件間傳參，vuex等等
遇到一些問題多谷歌，都可以找的到答案，祝開發(fā)順利!

前端這么玩意，服務(wù)端渲染太慢，僅適用于SPA的場景。后端簡單的模版就能滿足大部分需求。
所以，什么場景要學(xué)僅適用于SPA場景，附加一拖配置的玩意呢？

在有js,css,html的基礎(chǔ)上，我又用了大概三天的時間看完bootstrap,vue2.0,element-ui?，F(xiàn)在我不使用npm，不會webpackage，其實(shí)做普通項(xiàng)目已經(jīng)完全夠用了，當(dāng)然我大多數(shù)時候都是看著官網(wǎng)組件的用法依葫蘆畫瓢。

所以我的前端水平也只是初級吧，如果你想做好前端，還是要學(xué)一下npm和webpack。

最好的方式就是 用到什么學(xué)習(xí)什么!比如說你想要一個彈框,你就去學(xué)VUE 那有點(diǎn)坑爹了!估計時間上你也耗費(fèi)了大量的學(xué)習(xí)時間!如果是是單純的為了學(xué)習(xí)前端技術(shù),那就從最簡單的例子學(xué)起,比如學(xué)習(xí)less,學(xué)習(xí)ES6,學(xué)習(xí)深入一點(diǎn)的js ，再到npm包管理,在到前端模塊化編程,再到vue嘍

看你理解能力了 一般幾天時間就夠了 如果深入開發(fā)這個就不好說了

看你的項(xiàng)目復(fù)雜度，畢竟現(xiàn)在坑都差不多被人踩過了，查一查都有的....