关于VUE-cli的基础问题

Question

事由：小弟初学VUE，看了看官网的api想练手一个小项目熟悉一下，但是下载了vue-cli之后有点懵比？！
问题：
1、按照官网推荐的下载 我不懂的是 /src/main.js里面怎么配置，为什么我看到github上每个人的配置都不一样？
还有一些我不知道的函数？我在哪里可以查到具体的api？
2、关于现在版本的话，自带的 vue-router 是怎么配置的 路由的话是就是跳转吗？所谓的子组件跟父组件原理是什么样的 是不是一个模板的调用？
3、学习vue的话 是不是直接从vue-cli做起？还是说现在项目可以直接引用官网的vue.js开发？
4、关于vue-cli的话 是不是先学会webpack？但是我看群里他们说的话 好像不打紧 主要是vue？
5、有没有vue-cli的起始的介绍 各个文件具体是干什么的？怎么用？或者没有一个类似商城那样的小demo，简单点的，我大概能照着敲一遍，github上都是以前的项目 安装依赖以后 run的时候直接报错，好像是那个模块没有按照或者就是缺少？有的我也看不懂
6、我看慕课网的vue视频的话 是今年3月的 有一些配置已经不是最新的 所以作为初学者有的根本跟你的下载的都是不一致的、

最后：希望大神尤其是有vue成熟项目的大神，看到帖子请分享一下您初学时的经验 小弟不胜感激！！！

Answer 1

作为初学者给你推荐两个网站,周边的朋友学vue我都是推荐这两个网站
1,慕课网vue.js直达地址
(适合初学者入门)

2,技术胖的网站
(百姓网的前端大牛录制的vue从基础到实战,讲的很容易理解，一定要自己敲一遍)

Answer 2

不要直接上手vue-cli,官方文档看一遍，然后做一些小的demo,熟悉了相关的功能之后再去使用vue-cli,不然的话极有可能会很懵,因为vue-cli说实话包含的东西非常多,可配置性也很强。
要想开始用vue-cli做项目（前提是你想要懂你做的是什么，怎么实现的，如果不想了解的话直接上手没有什么问题，只要记住几个命令行就好）,最起码要满足一下几点：

1. 了解webpack: 你可以不知道它是怎么工作的，最起码的要求是能知道它是做什么的，并且可以看懂他的配置文件。入门webpack，参考这篇就够了
2. vue组件化开发: vue-cli是用来构建SPA（单页面应用）的，所以组件化的开发思想一定要了解，并且要了解组件间通信的各种知识。vue组件化
3. vue-router: 前期的学习这个并不是重点，vue-cli构建的项目里有这份文件，可以大致看一下，语法很简单。

Answer 3

可以看一下我之前写的一系列文章vue学习路径

Answer 4

百度 饿了么 可以看看 里面成熟的vue项目

Answer 5

先说vue-cli的问题，一上来不要直接上，先得熟悉webpack，这个要稍微花点时间，也不用多深入，会用会改就行；
vue的学习嘛，一上来就引外链来用，把示例走一遍，再一步步来，做个todo、仿个音乐播放器什么的刚刚好。

Answer 6

如果你直接没有接触过node自动化工具的话例如webpack,gulp等，不建议直接上手vue-cli。你可以先去看一些webpack方面的东西，要求不高，大概知道咋回事即可，然后可以稍微修改下部分的设置。然后再看看es6的知识。如果你想先使用vue的话也可以直接使用script的形式。然后自己做点todolist的demo，跟着官方文档把每一个demo例子都写一遍即可。
vue-router其实就是控制浏览器跳转的东西。

Answer 7

vue-cli 的详细注释
你可以看看这篇文章，里面注释的很清楚。初始化项目的时候先不要安装vue-router，和那些测试框架。先跑起来项目再说。vue-cli的文档你可以看看。

Answer 8

vue-cli编写完最后打包要用到webpack，如果只是自己随便联系不打包可以后面再学。vue起步可以看一下官方文档，稍微熟悉一些后可以去搜索看一些vue视频，讲道理视频看起来比文字教程好理解多了。

Answer 9

一般使用vue-cli的架子，能快速构建这个vue单页应用。但是如果新手使用Vue的建议，如果初次尝试，最好还是老老实实用普通的方法引入js文件，来熟悉Vue的一些功能。如果直接使用vue-cli会牵扯很多的东西，例如webpack 、npm 、nodejs等，很容易就从入门到放弃了。最后推荐一篇文章“采用vue-cli搭建一个Vue.js项目工程”关于vue的一些常使用的功能说明

Answer 10

可能你没安装依赖npm install
我是从这里入坑的包学会之浅入浅出Vue.js：开学篇