簡(jiǎn)介:本課程從vue-cli2項(xiàng)目創(chuàng)建到使用vue-cli3對(duì)項(xiàng)目進(jìn)行升級(jí),手把手教學(xué)
第2章 vue-cli2腳手架
本章節(jié)主要講解vue-cli2腳手架的使用
- 視頻: 2-1 node.js環(huán)境安裝 (14:47)
- 視頻: 2-2 npm安裝及參數(shù)設(shè)置(1) (13:17)
- 視頻: 2-3 npm安裝級(jí)參數(shù)設(shè)置(2) (14:04)
- 視頻: 2-4 cnpm和vue-cli2安裝 (08:49)
- 視頻: 2-5 創(chuàng)建vue-cli2項(xiàng)目 (16:55)
- 視頻: 2-6 更改vue-cli2的helloword (10:41)
- 視頻: 2-7 配置語(yǔ)法高亮顯示 (09:16)
- 視頻: 2-8 router實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn) (12:42)
- 視頻: 2-9 router實(shí)現(xiàn)子路由(1) (12:57)
- 視頻: 2-10 router實(shí)現(xiàn)子路由(2) (04:43)
- 視頻: 2-11 為什么不用#號(hào) (08:30)
- 視頻: 2-12 單獨(dú)安裝eslint (15:12)
- 視頻: 2-13 導(dǎo)入其他項(xiàng)目添加依賴并運(yùn)行 (06:18)
- 視頻: 2-14 居中怎么實(shí)現(xiàn)的(主組件的樣式設(shè)置) (09:30)
- 視頻: 2-15 階段小結(jié) (01:50)
第3章 vue-cli3腳手架
本章節(jié)主要講解vue-cli3腳手架如何使用,如何對(duì)vue-cli2創(chuàng)建的項(xiàng)目進(jìn)行升級(jí)
- 視頻: 3-1 手動(dòng)搭建vue-cli環(huán)境(1) (12:05)
- 視頻: 3-2 手動(dòng)搭建vue-cli環(huán)境(2) (10:19)
- 視頻: 3-3 卸載vue-cli2 (03:51)
- 視頻: 3-4 安裝vue-cli3 (06:30)
- 視頻: 3-5 vue-cli3圖形界面先睹為快 (11:07)
- 視頻: 3-6 vue-cli3創(chuàng)建項(xiàng)目 (10:20)
- 視頻: 3-7 vue-cli3第一個(gè)welcome (10:42)
- 視頻: 3-8 vue-cli3導(dǎo)入其他項(xiàng)目并運(yùn)行 (05:20)
- 視頻: 3-9 vue-cli3項(xiàng)目案例效果(1) (13:49)
- 視頻: 3-10 vue-cli3項(xiàng)目案例效果(2) (09:29)
- 視頻: 3-11 vue-cli3添加樣式的三種方法 (11:44)
第4章 收官小案例
本章節(jié)主要是結(jié)合前面所講的內(nèi)容,實(shí)現(xiàn)一個(gè)頁(yè)面案例
- 視頻: 4-1 vue-cli3項(xiàng)目案例需求分析 (03:52)
- 視頻: 4-2 vue-cli3項(xiàng)目案例-創(chuàng)建項(xiàng)目 (04:47)
- 視頻: 4-3 vue-cli3項(xiàng)目案例-頁(yè)面初始化及banner圖片顯示 (15:08)
- 視頻: 4-4 vue-cli3項(xiàng)目案例-完成頁(yè)面布局效果 (11:51)
- 視頻: 4-5 vue-cli3項(xiàng)目案例-導(dǎo)航設(shè)置(1) (08:00)
- 視頻: 4-6 vue-cli3項(xiàng)目案例-導(dǎo)航設(shè)置(2) (07:05)
- 視頻: 4-7 vue-cli3項(xiàng)目案例-右側(cè)內(nèi)容設(shè)置(1) (09:18)
- 視頻: 4-8 vue-cli3項(xiàng)目案例-實(shí)現(xiàn)導(dǎo)航效果(2) (06:31)
- 視頻: 4-9 vue-cli3項(xiàng)目案例-右側(cè)內(nèi)容設(shè)置(3) (09:49)
- 視頻: 4-10 vue-cli3項(xiàng)目案例-右側(cè)內(nèi)容設(shè)置(4) (03:08)
- 視頻: 4-11 vue-cli3項(xiàng)目案例-右側(cè)列表顯示(1) (09:00)
- 視頻: 4-12 vue-cli3項(xiàng)目案例-右側(cè)列表顯示(2) (12:19)
- 視頻: 4-13 vue-cli3項(xiàng)目案例-右側(cè)列表顯示(3) (08:06)
- 視頻: 4-14 vue-cli3項(xiàng)目案例-右側(cè)列表顯示(4) (04:55)
- 視頻: 4-15 vue-cli3項(xiàng)目案例-右側(cè)列表顯示(5) (15:42)
- 視頻: 4-16 vue-cli3項(xiàng)目案例-右側(cè)列表顯示(6) (05:13)
解鎖即可觀看《大前端》完整課程視頻
大前端
1個(gè)業(yè)務(wù)場(chǎng)景打通全端、全棧、全流程,實(shí)現(xiàn)全局思維與綜合技術(shù)能力全面突破;對(duì)標(biāo)阿里P6,8個(gè)月成為前端高級(jí)人才
【第1周】認(rèn)識(shí)大前端,全棧開(kāi)發(fā)初體驗(yàn)
【第2周】企業(yè)標(biāo)準(zhǔn)的開(kāi)發(fā)環(huán)境搭建
【第3周】NoSQL數(shù)據(jù)庫(kù)的設(shè)計(jì)與集成
【第4周】JWT登錄鑒權(quán)—通用登錄模塊后端開(kāi)發(fā)
【第5周】團(tuán)隊(duì)協(xié)作-文檔管理與缺陷控制
【第6周】團(tuán)隊(duì)協(xié)作-版本管理
【第7周】團(tuán)隊(duì)協(xié)作-自動(dòng)化流程
【第8周】全棧開(kāi)發(fā)—首頁(yè)模塊
【第9周】 全棧開(kāi)發(fā)—用戶中心
【第10周】全棧開(kāi)發(fā)—發(fā)貼/回帖模塊
【第11周】消息中間件開(kāi)發(fā)(WebSocket通信)
【第12周】組件化思想進(jìn)階:iview上手文章管理
【第13周】中后臺(tái)權(quán)限系統(tǒng):前端權(quán)限設(shè)計(jì)方案
【第14周】中后臺(tái)權(quán)限系統(tǒng):基于角色&菜單權(quán)限設(shè)計(jì)
【第15周】首頁(yè)可視化圖表與日志服務(wù)
【第16周】WebApp頁(yè)面設(shè)計(jì)與開(kāi)發(fā)
【第17周】Vue3全家桶+Vite開(kāi)發(fā)工具
【第18周】前后端項(xiàng)目Vue3重構(gòu)
【第19周】性能優(yōu)化(服務(wù)端渲染)
【第20周】uniapp開(kāi)發(fā)(首頁(yè)/菜單定制/搜索)
【第21周】uniapp開(kāi)發(fā)(登錄、詳情、個(gè)人中心)
【第22周】uniapp內(nèi)容安全、訂閱消息
【第23周】小程序支付專題
【第24周】跨平臺(tái)框架Flutter2與狀態(tài)管理方案
【第25周】封裝請(qǐng)求&數(shù)據(jù)持久化方案&路由
【第26周】Flutter 后臺(tái)消息&打包上線
【第27周】Electron桌面端與主流的框架
【第28周】Electron桌面端-社區(qū)業(yè)務(wù)集成
【第29周】React17新特性
【第30周】React-Hooks&狀態(tài)管理方案
【第31周】React組件庫(kù)設(shè)計(jì)&工程化
【第32周】React工程化&性能優(yōu)化