入门 vue 有什么好的教程吗

[hmxxmh]

跟着官方文档来，还是看视频 之前有照着文档直接引入 vue.js 写过一点，那直接引入 vue.js 与使用脚手架有什么区别 大佬们，给点意见

[Maxzel]

用 element 直接做个项目

[ruyuejun]

使用直接引入，和脚手架在最后的生产环境中没多少区别，脚手架生成的应用最后打包后也是引入。
一步一步看官方文档，然后按照一楼说法用 element 做个前端项目，自然就知道怎么回事，什么区别

[hewelzei]

官方文档简单明了，对着撸 Demo 就可以了

[hewelzei]

@ruyuejun 直接引入和脚手架构建差多了，直接引入的 Vue 代码包涵运行时和编译器，且无法按需引入无法组件化; 而脚手架编译后的代码是没有编译器的，运行时也会根据需求引入，可以组件化，代码复用率大大提高。

[ruyuejun]

@hewelzei 到位

[hmxxmh]

前端只会 jq，项目需要得用 vue，听大家的先照着文档撸一遍😂。

[greenhat233]

可以去 b 站看下视频

[aaa5838769]

我在网易课堂找的视频学的 = =

[15651980765]

1.直接引入 vue.js ，跟着官方文档把前面的基础语法撸一遍；
2.在 1 的基础上写一个简单的 todolist ；
3.看一下 vue 脚手架，再在脚手架上把 todolist 写一遍并跑起来；
4.学习一波 vue-router，去 github 上找一个简单的 vue 项目练手；
5.学习一波 vuex，再找个稍微复杂的项目练手。

[deathscythe]

最近在看 React, 觉得 Vue 真得好上手

[jiom]

@15651980765 我当初也是这样入门的 哈哈哈哈

[hmxxmh]

@15651980765 好的，多谢大佬

[hmxxmh]

@deathscythe 三大框架好像是 vue 上手快😂

[SilentDepth]

如果 jQuery 本身就能满足业务需要，那大可不必立刻上 Node 工具链（ Vue CLI 也不用），把 Vue 当 jQuery 用就好，从个别模块开始逐步替换到整个业务应用。Vuex 和 Vue Router 也可以在这个过程中按需引入（就跟引入一个 jQuery 插件一样）。只要没有业务需求，全程不用碰 Node。

如果 Node 工具链是刚需，或者你就是想正儿八经学习现代前端开发的话，在学习 Vue 本身的使用之余，了解一下 Webpack 是个什么东西（但不用上手学习其使用），然后了解 Vue CLI 的基本使用，再把手头一个没有用到 Node 工具链的项目（规模可大可小）转写成 Vue SFC （单文件组件）并成功跑起来，你就算入门了。

[hmxxmh]

@SilentDepth 谢谢大佬的指导😉

[zlstll]

@15651980765 方法靠谱