后端学前端的无力感

学习路线：
1.学习 vue3 + mitt + pinia + vue-router + vite
2.学习 promise,async await 的用法
3.学习 axios
4.学习 TS 的基本用法
然后尝试做了一些项目，发现遇到的问题特别多。
1. 前端开发遇到的各种版本问题，node 版本，vite 版本， 各种库的版本
2. vue2 和 vue3 的 api 的改变， 会导致网上一些教程不匹配
3. eslint 和 prretier 的一些配置问题
4. “@” 别名的设置 webstrom 不停的报错飘红
5. ts 的类型检查，  不停的类型提示飘红。
6. css 的一些难以发现的问题，文本框输入框的默认尺寸会导致浏览器样式问题。

主要学完前端，在已有项目里写东西没多大压力（有 UED ），让自己从头搭建一个前端项目，或者无 ued 开发，感觉整个人都不知道做啥了，蒙圈

坚持下去就会了，学东西不踩坑只有两种可能
1 太简单
2 没深入学进去

走上坡路总是难的

@kevinguoCN #18
看不懂就说明你可能连 vue 和 js 的基础都还没有学会，建议过一遍 js 基础和 vue 的官方教程

……从 angular 过来 vue 的觉得这里缺那里也缺囧
最缺的还是官网的入门项目，hero 教程太经典了

CSS 是绕不过的东西，但是 TailwindCSS 给了你一种很方便的使用方式，结合各种 LLM ，突然就变得很好用了，很多时候你只需要结合 AI 生成的代码调整一下就足够了。

至于 Vue 之类的玩意，如果你觉得学的很复杂，要么考虑一下 Vanilla js ？生态这玩意刚开始上手很复杂也很正常，前端娱乐圈是这样的。

使用了 VanillaJS 之后网上的很多资料就可以用了（毕竟几十年了），如果希望更加复杂的页面模块化设计，htmx 之类的框架可以很容易的和后端 HTML 引擎合作，你的工作模式会和原有的后端模式区别不大。等你更熟悉之后再往 Vue/React 之类的框架迁移也不晚。

是这样的，学前端时最让我头疼的，一是各类工具和库都没有大一统，不知道究竟选哪个好；二是 css ，这个我是真的真是怕

后面放弃了，改用 flutter 了（先前学的是 react ），反正只是自己的业余爱好，有个能 work 的 GUI 就行。
不过白嫖 cf worker 的过程中渐渐发现 ts 确实挺香的，也试着在后端引入，终于是慢慢理清了这套工具链……

顺便吐槽一下，我个人认为上来就让初学者用模板创建项目真的不好。你这模板老手看不上，新手看了又一脸懵逼，就不能先用最少的依赖让项目跑起来，后面再教人引入其他依赖么。

你遇到的问题都是 VUE 2 和 3 的版本过渡历史问题。这点和当年 py2 到 3 一样情况。但是我觉得 vue 比 py 严重好多。因为好多教程都是 2 的，然后语法会混杂在选项式和组合式，然后部分代码优势选项式。

1.我推荐你的开发路线：vue3 选项式 + route + axios 。 先把东西跑起来再说。遇到问题就问 AI 。

2. 我在使用 VUE 过程心得就是，组件化是 VUE 的核心，掌握组件的参数传递。你就已经掌握了 VUE 了。

3. vue route 的话，你写过 php laravle 或者 go gin 。你就明白了，这玩意就是定义路由，打开页面（组件）。APP.vue 作为入口，layout 加载你对应的路由页面。

4. axios 这玩意没啥好说的。你 jq 年代没用过$.ajax 这些吗？写法都是一样的。xhr 你会吧？ promise,async await  可以先忽略。axios 默认就是异步。等你需要 promise,async await ，你已经掌握了 axios 了。

5. css 问题，多练。less ，sass 这些随便学一个这两个玩意就是给你把 CSS 结构化。css 现在核心就是 flex 和 gird ，多写你就懂了。

既然会后端就直接 Mvc 模式开发不香吗?vue3 就是前后端分离设计的,我都会但最后还是直接 Mvc 模式开发,效率杠杠的!

我建议 lz 先学 js,ts 然后试着用 ts 配合一些框架开发下 node 后端联，这样正好就是你最熟悉的领域

等你这方面熟悉了再转前端会好点