Java 后端程序员请教一下前端 vue 学习路线

[DreamingCTW]

技术背景：html ，css ，js ，jQuery 这些都会，vue 也写过一些基础的，所以想系统的学习一下。

我想走 vue 路线，目前了解到的可能需要学习 es6 ，ts ，nodejs ，vue ，想请教一下，具体需要学习哪些技术？先后顺序是什么？还望前端的大佬解惑，谢谢~

[seakingii]

node.js + vue ，即可开发

es6 就是 js 的规范,比古早的 js 多了点特性，了解了就会用。
typescript 是加强的 js ，主要加了 N 多的“强”类型，我是不喜欢，不过越大的项目越有利，可以看着学
node.js 不用深入学习，会安装会跑起来就行，因为你可以不用 node.js 开发后台项目，用 JAVA 当后台。
vue 照着官网学就可以，还有 vue-router,vuex

你会后台开发，vue 应该很简单。

[DreamingCTW]

@seakingii 之前使用过 script 引入 vue.js 进行开发，但现在我看很多是脚手架（ vue cli ？）搭建 vue 项目。还有 npm 的命令是 node.js 那块的吗？我理解的感觉有点类似 java 的 maven ，可以打包，构建，运行之类的。webpack 这些需要学习吗？谢谢~

[gowk]

过来人跟你推荐一个课程：
https://www.bilibili.com/video/BV1Zy4y1K7SH
以前对前端有点不知所措，看完这个课程再也不用害怕了
张天禹老师讲的太棒了

[seakingii]

@DreamingCTW
有三种方式使用 vue:

其一：<script src=vue.js> 引入，这样可以直接写代码，不用 node.js 参与
其二：node.js 启动一个后台服务来开发，部署 vue 前端项目不需要 node.js ，客户端在本地渲染 html
其三：node.js 开发时要用，部署时也要用，node.js 在部署时在后台服务器渲染 html 下发给客户端

第三种情况主要是为了搜索引擎友好，这种用的相对少。
node.js 参与开发和打包
node.js 安装后才可以用 npm ，是 node.js 生态中的包管理器
一般来说安装好 node.js 后，你可以用 npm：

-----------
cd z:\
mkdir test
cd test
npm init vue@latest #在 test 目录下初始化 vue 的一些环境
npm install #根据上面的环境安装下载必须的包
npm run dev #node.js 启动，运行一个开发服务器，你现在可以用 http 在浏览器里访问这个新建的项目了

npm run build #开发完后打包你的项目到一个 目录 ，你把这个目录复制到 nginx 之类里建一个静态网站就是发布了

[seakingii]

@DreamingCTW webpack 超级复杂，现在有一个新的选择就是 vue 作者搞的 那套 vite

[seakingii]

Vite （法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：

一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（ HMR ）。

一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

Vite 意在提供开箱即用的配置，同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。

[seakingii]

不管是 webpack 和 vite 那套，你可以在掌握了 vue 之后再学
我是基本不学的，能用就行，偶尔有需要查下手册。
前端的东西太快换代了

[phatzhong24]

Java 后端真的不香了吗

[liuw666]

Java 强类型语言转 写前端，建议直接上 TS ，不要写 js 。这样更好入门，减少语言差异，而且代码提示更好

[wxw752]

我来这家公司之后发现偶尔要干全栈，然后抄同事写的代码，抄着抄着就会了，现在 ts+vue3 敲的飞起

[DreamingCTW]

@seakingii 好的，非常感谢

[DreamingCTW]

@phatzhong24 不是不香，主要工作就是前后端一起写，感觉自有的技术栈跟不上目前的前端开发了

[DreamingCTW]

@wxw752 那单独搭建前端项目框架这些能会吗，目前是别人搭好架子我也能写，但是自己从头到尾搭个前端的框架我不会...而且好多东西不会。

[DreamingCTW]

@liuw666 目前我是会 js 的，es6 的一些新特性没怎么具体学习，就是不知道现在普遍的前端开发模式是什么样的

[wxw752]

@DreamingCTW 会，因为我敲了三年了，有时候难免需要加点什么就随口问问同事，如果去面试问底层我肯定不会，毕竟不是吃这碗饭的。

起脚手架稍微看一下就知道怎么弄了，简单的很。