下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 32 | 使用Vue CLI 3快速创建项目
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10503
免费
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲...
10 | 理解虚拟DOM及key属性的...
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数...
14 | 指令的本质是什么
15 | 常用高级特性provide/inj...
16 | 如何优雅地获取跨层级组件...
17 | template和JSX的对比以及...
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层...
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element U...
27 | 提升开发效率和体验的常用...
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建...
33 | 如何自定义Webpack和Babel...
34 | 如何设计一个高扩展性的路...
35 | 实现一个可动态改变的页面...
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权...
39 | 如何在组件中使用ECharts...
40 | 如何高效地使用Mock数据进...
41 | 如何与服务端进行交互(Ax...
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态...
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验...
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主...
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续...

精选留言(17)

  • 2019-04-10
    持续学习,期待唐老师分享更多的技术,让我们大家共同进步学习!
    5
  • 2019-04-17
    老师,我这边反映一个事情 在b站有盗版视频已经同步更新,而且不止一个up主,这是其中的一个连接,
    https://www.bilibili.com/video/av49462580?from=search&seid=14160002950201461823
    希望老师可以解决一下问题,维护我们的利益

    作者回复: 很抱歉出现这种情况,已经联系极客时间处理

    2
  • 2019-04-15
    可以在讲解的pro 的时候多讲讲 整个前后台整体的逻辑吗,
    2
  • 2019-04-09
    npm WARN @ant-design/icons-vue@1.0.1 requires a peer of @ant-design/icons@~1.1.0 but none is installed. You must install peer dependencies yourself.

    + moment@2.24.0
    + ant-design-vue@1.3.8
    added 31 packages from 26 contributors and audited 43569 packages in 46.517s
    found 64 low severity vulnerabilities
      run `npm audit fix` to fix them, or `npm audit` for details


    老师,我照着教程创建了项目,并且装了两个包后就出现上面这个信息,我需要按照它提示的做吗?根据以往经验,一旦做了就完蛋了。 现在不敢动了。
    展开

    作者回复: 不需要的 warn的警告可以不用管 尤其是底层依赖

    2
  • 2019-08-28
    老师,请问vue有没有这样的动画库,实现列表中,把列表项的顺序调整会有上移或下移的动画效果
    比如说,现在有一列表,每个列表卡片上有上移下移的操作按钮,当点击上移时,对应项往上移动一个位置,我们在实现时会将列表对应的数据顺序更新一下,处理的只是列表的数据,在这样的场景下,怎么去加动画能让刚刚的上移操作有一个卡片向上移动的效果呢?求老师指导

    作者回复: 思路: 先执行动画 再去改变列表数据

    1
  • 2019-06-02
    老师太棒了, 我本来只看了老师前半部分的课程,还没看到实战课程:看有ant-design-pro, 却没有vue 版本,老师都用vue重写了ant-design, 我能不能用vue 重写一个pro? 结果尝试了一下,发现自己太菜了, 没法继续下来, 上来极客时间再来学习学习下, 发现了实站部分:竟然 老师给我讲的实战项目就是讲怎么实现一个ant-design-vue-pro, 还是带着我们一起做, 真是太兴奋了。

    作者回复: 感谢支持

    1
  • 2019-04-16
    怎么好久不更新了,等等等

    作者回复: 耐心等待一下 已经在剪辑状态了

    1
  • Administrator@PC-20180723OWWX MINGW64 /d/geekbang
    ? Target directory D:\geekbang\ant-design-vue-pro already exists. Pick an action
    : Merge
    ? Please pick a preset: (Use arrow keys)
    > default (babel, eslint)
      Manually select features
      Cancel
    老师怎样移动左边的箭头啊,我使用方向键咋不起作用(我是win7)
    展开
  • 2019-10-23
    😭 蜜汁尴尬,尝试的时候一直用的git bash,然后怎么都实现不了老师说的空格选中!怀疑了系统兼容性后,突然想到用系统自带的cmd试试…

    我没理解的是,在git bash能识别vue命令,但是无法空格选中是为什么呢?
  • 2019-08-18
    老师您好!
    安装
    npm i ant-design-vue moment

    npm run serve
    出现错误,logs 如下:
    > ant-design@0.1.0 serve C:\Users\zhuzh\Desktop\vue\ant-design
    > vue-cli-service serve

     INFO Starting development server...
     98% after emitting CopyPlugin

     ERROR Failed to compile with 2 errors 3:06:13 PM

     error in ./src/App.vue?vue&type=style&index=0&lang=less&
    展开
  • 2019-08-02
    ➜ ant-design-vue-pro git:(master) npm i ant-design-vue moment

    > ant-design-vue@1.3.13 postinstall /Users/gaofubin/WebstormProjects/ant-design-vue-pro/node_modules/ant-design-vue
    > node scripts/postinstall || echo "ignore"

    internal/modules/cjs/loader.js:626
        throw err;
        ^

    Error: Cannot find module 'node-emoji'
    Require stack:
    - /Users/gaofubin/WebstormProjects/ant-design-vue-pro/node_modules/ant-design-vue/scripts/postinstall.js
        at Function.Module._resolveFilename (internal/modules/cjs/loader.js:623:15)
        at Function.Module._load (internal/modules/cjs/loader.js:527:27)
        at Module.require (internal/modules/cjs/loader.js:681:19)
        at require (internal/modules/cjs/helpers.js:16:16)
        at Object.<anonymous> (/Users/gaofubin/WebstormProjects/ant-design-vue-pro/node_modules/ant-design-vue/scripts/postinstall.js:2:15)
        at Module._compile (internal/modules/cjs/loader.js:774:30)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:785:10)
        at Module.load (internal/modules/cjs/loader.js:641:32)
        at Function.Module._load (internal/modules/cjs/loader.js:556:12)
        at Function.Module.runMain (internal/modules/cjs/loader.js:837:10) {
      code: 'MODULE_NOT_FOUND',
      requireStack: [
        '/Users/gaofubin/WebstormProjects/ant-design-vue-pro/node_modules/ant-design-vue/scripts/postinstall.js'
      ]
    }
    ignore
    + moment@2.24.0
    + ant-design-vue@1.3.13
    added 31 packages from 26 contributors and audited 45308 packages in 23.226s
    found 64 low severity vulnerabilities
      run `npm audit fix` to fix them, or `npm audit` for details
    ➜ ant-design-vue-pro git:(master) ✗

    老师,按照你的步骤安装有报错,麻烦有空帮忙看下,辛苦
    展开
  • 2019-04-16
    为什么要单个安装包呢?直接用package.json安装不好吗?

    作者回复: package.json不可能在一开始就把所有需要的包都写进去,单独安装的时候npm会帮助你把这个包写进package.json的

  • 2019-04-16
    晚了一个星期,接下来准备回顾一遍
  • 2019-04-09
    紧跟唐老师步伐! 就是基础不牢,毕竟刚入前端。
  • 2019-04-09
    坐等老师搭架子
  • 老师 后面会讲到 vue多页面 或者 mixin 混入这些嘛 ~~!!!

    作者回复: 不会涉及到多页面,多页面知识点可以查看cli文档:https://cli.vuejs.org/zh/config/#pages

    混入我们也不会有专门章节讲解

  • 2019-04-09
    我们现在的项目还是在jquery基础进行开发的,所以要怎么过渡到vue+ant design vue pro上去?我现在用iview是因为可以用他的组件又不用对项目有整体性的改动。所以老师有什么好办法吗?

    作者回复: 怎么用的iview,就可以怎么用ant design vue, 至于jquery,我不确定你用它来做什么,如果项目太大,就分阶段替换吧