- 主题:web前端必须要学webpack vue那一套工程化内容吗？
谢谢
我现在看的是vue，和elementUI
在npm的webpack的配置命令还没弄明白的时候，发现vue3.0以后的vue-cli又不用webpack的命令来创建项目了？
vuex，router之类的参数也学的头大
照着例子慢慢看吧
【 在 eGust 的大作中提到: 】
: “这个”到底是哪个？react 有 create-react-app，vue 有 vue-cli，还有一堆非官方的 boilerplate。
: 只有 node 是必须装的以外，最多再装个 yarn 就够了。对于初学者来说用不着你主动装任何东西，不管是 cli 工具还是 boilerplate 都给你配好了。
: 学会走之前不要着急跑，你第一天用 java 或者 py 难道就直接能用明白？前端开发已经够友好的了，装个 node 就自带 npm，而且没哪个工具会有 native 依赖
: ...................
--
FROM 121.229.221.*
首先，vue-cli 3 给出来的是包装了一层之后的 webpack，而且 vue cli 把前端和 vue 常用的生态工具都列出来了，只需要你选择，不需要配置。虽然看起来跟 webpack 的配置好像不一样，但其实完全都是 webpack 生态链的那套东西
比如 style 可以在 sass、less、stylus 几种常用的里面选，想用 js 或者 ts 也都可以，vuex、vue-router 可选，lint、unit test、e2e test，常用工具都开箱即用。这么说吧，我们公司的 rails 项目，我直接把官方 webpack 的配置删了，基于 vue-cli 生成的底子另搭的架子。除非有特殊的需求，比如用 electron，或者不用 webpack-dev-server 直接用 node 后端，否则我想不出有什么理由不基于 vue-cli 的架子搭。
webpack 之于前端开发，相当于 makefile 之于 c 语言，在懂 c 之前折腾 makefile 有啥用啊？而且从个人发展的角度来看，没人在意你的简历上写没写 webpack，也没人会要求你直接用它搭架子。
比如你的情况，基于 vue-cli，vuex、vue-router 都直接有了，只要 npm i element-ui （或者什么，官网应该写了）就直接能用了。
另外建议，不要想一口吃成个胖子。在你能毫无压力使用 vue 的主要功能之前，不要 vuex、vue-router 一下子全上来，根本没有任何好处。一次只学一个东西，比如 vue + vuex，然后 vue + vue-router，顺序反过来也可以。等每个都基本熟悉了，组合到一起用是自然而然的事情。我甚至不太赞成上来就直接用 ui 库，因为库会掩盖一些细节，还不得不使用一些对初学者来说不好理解的技术，这些都会加重学习的负担。
最后再多说几句关于学习方法的问题，你现在要学 vue，研究 webpack 是丢西瓜捡芝麻的行为。工具是为了解决问题产生的，在你没有相应的需求之前，没有必要去研究。你现在看 webpack 的设计肯定感觉一团乱麻，为什么设计得这么不直观，就算你把文档都背下来也没用。等你熟悉前端开发以后，真的遇到问题再去看文档，就知道哪些设计是为了解决什么的了。事实上也不一定要去看文档，github 上找类似的配置照抄就完了。
同理，在把 vue 的基本概念搞明白之前，你同样也不知道 vuex 是为了解决什么问题设计的，所以会非常吃力。我不是 vue 的专家也不打算成为，所以 vue 有很多功能我甚至都不知道是干嘛的。但如果有个需求，现有的知识解决不了，或者解决的方式很糟糕，我自然而然会去找官方文档，有没有更合适的工具来解决我的问题。贪多嚼不烂，不消化不良才怪，一点一点来不要着急。用得再多，简历上写得再漂亮，找工作的时候一上机基础不行就露馅儿了。
【 在 KanNiMei (看你妹) 的大作中提到: 】
: 谢谢
: 我现在看的是vue，和elementUI
: 在npm的webpack的配置命令还没弄明白的时候，发现vue3.0以后的vue-cli又不用webpack的命令来创建项目了？
: ...................
--
修改:eGust FROM 101.98.83.*
FROM 101.98.83.*
非常感谢大佬这么详细的回复。
我这两天感觉越来越头大，越来越混乱是因为想尽快用vue+elementui出个东西。
大概看了一遍这两个东西的文档后，在github上找了个差不多的原型，就开始改，问题恰好在这里，这种系统化的东西，里面都用上了那些高阶的工具，各种配置。
我在修改一些功能的时候，有时候会改动一些配置配置信息，然后出现问题，去搜索，又被告知要变动另外一个东西，就这样下去就越来越乱。
归根到底，还是基础性的东西还没吃透。
【 在 eGust 的大作中提到: 】
: 首先，vue-cli 3 给出来的是包装了一层之后的 webpack，而且 vue cli 把前端和 vue 常用的生态工具都列出来了，只需要你选择，不需要配置。虽然看起来跟 webpack 的配置好像不一样，但其实完全都是 webpack 生态链的那套东西
:
: 比如 style 可以在 sass、less、stylus 几种常用的里面选，想用 js 或者 ts 也都可以，vuex、vue-router 可选，lint、unit test、e2e test，常用工具都开箱即用。这么说吧，我们公司的 rails 项目，我直接把官方 webpack 的配置删了，基于 vue-cli 生成的底子另搭的架子。除非有特殊的需求，比如用 electron，或者不用 webpack-dev-server 直接用 node 后端，否则我想不出有什么理由不基于 vue-cli 的架子搭。
: ...................
--
FROM 117.136.45.*
多问就行了，去年年底我也从react改成vue了。。
【 在 KanNiMei (看你妹) 的大作中提到: 】
: 非常感谢大佬这么详细的回复。
: 我这两天感觉越来越头大，越来越混乱是因为想尽快用vue+elementui出个东西。
: 大概看了一遍这两个东西的文档后，在github上找了个差不多的原型，就开始改，问题恰好在这里，这种系统化的东西，里面都用上了那些高阶的工具，各种配置。
: ...................
--
FROM 223.71.74.*
简单项目jquery完全可以的。。。 你没前端能力，何必要把前端全家桶学一遍呢，这玩
应更新换代那么快。。
【 在 KanNiMei (看你妹) 的大作中提到: 】
: 没有什么前端能力
: 会js+dom，jq+dom
: 现在要弄个网站和基于web的管理后台，网上看了，现在基本上都是vue和ang那一套了单页面应用了啊
: ...................
--
FROM 60.16.92.*
现在用jQuery可以做简单的页面，但是复杂的交互比较困难。
实际上现在前端工程化的东西的确比较多，尤其对于喜欢刨根问底的同学更是觉得头晕，很正常的。我推荐你阅读这篇文章，搞清楚前端工程化的来龙去脉之后心里就有底了：
https://zhuanlan.zhihu.com/p/38209210
【译】向恐龙解释现代JavaScript
至于你提及的nodejs npm yarn webpack gulp这些，需要知道nodejs是一个服务基础平台，npm和yarn是包下载工具，gulp似乎不需要学了，重点要学的是webpack。
【 在 KanNiMei (看你妹) 的大作中提到: 】
: 没有什么前端能力
: 会js+dom，jq+dom
: 现在要弄个网站和基于web的管理后台，网上看了，现在基本上都是vue和ang那一套了单页面应用了啊
: ...................
--
FROM 111.197.83.*
为什么要改呢？这俩比较类似吧？
【 在 shaolin 的大作中提到: 】
: 多问就行了，去年年底我也从react改成vue了。。
:
--
FROM 112.10.94.*
jquery还可以用啊，对前端交互要求不高可以继续用
但是，做现代化前端项目，工程化基础知识是必要的，绕不过去。不过大部分人都只懂皮毛，弄出来的项目各种问题，前端工程师并不少，但好前端少。
--
FROM 219.142.131.*
不需要。屁用没有
【 在 KanNiMei 的大作中提到: 】
: 没有什么前端能力
: 会js+dom，jq+dom
: 现在要弄个网站和基于web的管理后台，网上看了，现在基本上都是vue和ang那一套了单页面应用了啊
: ...................
--【特快水木】
--
FROM 123.116.80.*
比html+css+jq还简单？
【 在 eGust 的大作中提到: 】
: 是不是在 java 程序员看来，任何一个需要敲命令行的编程环境都太复杂了？呵呵
: 用过 vi 么，知道怎么退出吗？用过 dos 吗，知道 autoexec.bat 是干嘛用的吗？
: 如今的前端开发已经简单多了，初学者只要知道 npm i/yarn add、npm run xxx/yarn xxx 两条命令就够了。这都嫌太复杂的话，这智商还是干点儿别的吧
: ...................
--【特快水木】
--
FROM 123.116.80.*