是否学习vue轻松，学习vue+webpack很吃力？

Question

是否有这样困惑？
比如你想用vue来实现类似smarty的模板机制，但是配合webpack后各种报错
简直让人心力交瘁
还有各种工具，vuex、vue-cli
有没有完整的例子或教程可以系统学习下
各种工具搞下来，学习成本好像也不低吧？

---

难道只有我一个水平不够，学起来吃力？

Answer 1

使用 vue-cli，然后 take it for granted 就可以了。

如果不需要改 webpack 配置的话，几乎 0 学习成本啊。

即使要改 webpack 配置，可能也就是设置 vue 加载器的高级选项，比如所有 script 语言块都用 CoffeeScript，那么安装一下 coffee-script 和 coffee-loader，然后在 webpack 配置文件的 vue 对象中添加 js 属性为 coffee 就可以啦。

这些稍稍看看相关官方文档就 OK 了。

另外送你一个我写的关于 webpack 的教程及 webpack 对 Vue.js 单文件组件打包的示例代码注解，http://t.cn/Rf4DN9n 、 http://t.cn/Rf4DN9E 、 http://t.cn/Rf4DN9m，希望对你有所帮助！

Answer 2

就vue2来说，有分runtime-only和standalone版本

一般来说从npm安装的是runtime-only版本,还需要在webpack下使用类似vue-loader之类带有template-compile功能的工具一起使用，并且学着学着就变成vue全家桶+webpack全家桶了。

然而你可以使用standalone版本，如cdn提供的vue2。基本可以按照官方教程并且不用理会webpack等其他技术一步步的学，不过这种情况写出的代码生产上用的比较少。

Answer 3

vue-cli搭建的项目应该可以满足你的要求了…
搭建完成后你可以暂时不去管其他的目录，只专注于src目录里的代码

Answer 4

之前也有类似的疑惑，后来一个大神指点：读书太少，想的太多。还是基础不扎实。
vue教程：http://www.cnblogs.com/keepfool/
阮老师的webpack教程：https://github.com/ruanyf/web...
vue和webpack是两个东西，要分开学，你现在的情况就是webpack没学好
建议要么恶补一下webpack（现在国内的webpack的文档也比较多了），要么先别用.vue的方式

Answer 5

其实vue全家桶相对react全家桶学习成本已经低很多了