Skip to content

sprout-echo/vue-course

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue快速学习

总结一下自己学习的vue知识,希望可以帮助到别人,同时,如果有一些错误的地方,希望可以得到指正,可以提issue,或者发邮件 imhwyer@163.com。希望可以多交流前端的知识,共同进步

说明:该文档教程是针对vue2.x

在接下来的学习中,会长期的进行补充更新...

学习内容目录:

1,基础语法篇

2,简单对比vue1.x和vue2.x的一些改变

3,vue路由的学习 vue-router

4,状态管理器vuex

5, webpack的简单学习

6,用vue全家桶开发完整项目

7.vmf 移动端框架


  • 如果你是vue的初学者,可以先看基础篇

  • 看完基础篇之后,可以动手写个小demo,很常见的一个表单的增删查改 vue-curd

  • 单页面应用,常用router来实现,路由教程,这个教程是帮助你快速上手vue-router的使用。更细节的部分,还是看vue-router文档

  • 状态管理 vuex教程,这篇文章主要还是看了官方文档,再加入自己的一些理解,进行总结的。对于一些简单的应用,没有必要使用vuex,会使代码臃肿。

  • 对于webpack的学习,我在之前学习react的时候,看官网的时候,总结了一个webpack配置,涉及到一些常用的插件,更多的我还不是很熟练

  • vue全家桶(vue+webapck+vuex+vue-router)实现的在线简历编辑

  有登录,简历编辑,简历预览等多个页面组成,用vue-router实现路由切换,支持代码编辑后导出pdf保存

  • vmf开发的一个移动端的框架,包括轮播图,转场动画等

当然 vue提供了一个很方便的脚手架 vue-cli,可以帮助我们快速搭建环境和开发。

npm install -g vue-cli

使用这种方式比较慢,我们常用cnpm淘宝镜像来安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装。 然后使用 cnpm 安装

cnpm install -g vue-cli

然后使用vue-cli初始化项目

vue init webpack project-name

这里的project-name就是你项目的文件夹名称


如果你觉得我写的教程对你有所帮助的话,请给个star ★

About

vue的快速学习教程 start from scratch 🏃‍♂️

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published