刘贵学博客

夯实Vue系列 0 环境搭建

背景

本系列是我为公司编写的内部培训资料,目标是:快速让Vue理论知识落地,2天时间培训让工程师上手干活。

我本人也是十多年的老程序员了,也非常反感 《21天入门XXX》《7天精通XXX》速食类系列: 以Demo为主的学习方法。但不得不承认,站在公司的角度,这种效果确实很好,只用2-3天左右时间,就能让工程师上手干活,当然知识体系和深度肯定不够,所以,大家切记自己要去多查手册、翻源码。

夯实Vue系列文章几点约定:

  • 系列中能用代码说明的东西,尽量不废话!

    Talk is cheap, show me code.  // 弄点英文,貌似很吊的样子
    
  • 如果涉及背景知识如果陌生,请自行查阅相关教程后再结合代码理解;

  • 每个例子的实现尽量 控制在 100行代码以内;

  • 所有代码请参考: https://coding.net/u/guixue/p/vue-starter/git 建议下载后在本地参阅;

    墙裂、墙裂建议,里面的10个例子一定要自己理解后亲自敲过!!

代码使用:

1 下载代码

git clone https://git.coding.net/guixue/vue-starter.git

例子中 使用的 vue init 新建的项目模板,命令如下:(下载的代码已经包含在内,不用再执行下面的命令了)

vue init webpack vue-starter 

2. 查看每个例子:

每个例子都已经打tag了, 链接:https://coding.net/u/guixue/p/vue-starter/git/tags

运行例子

cd vue-starter
npm install  //首次运行需要
npm run dev

浏览器将自动弹出页面 localhost:8080

参考资料:

系列教程会提供 10个经典实例代码来学习 Vue,我会假设您已经学习过Vue基础,如果没有请先学习:

如有批评建议,请发Mail给我: guixue@outlook.com