V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
DreamingCTW
V2EX  ›  程序员

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

  •  
  •   DreamingCTW · 2023-02-28 15:50:21 +08:00 · 2496 次点击
    这是一个创建于 662 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    15 条回复    2023-03-01 09:44:39 +08:00
    seakingii
        1
    seakingii  
       2023-02-28 16:36:16 +08:00
    node.js + vue ,即可开发

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

    你会后台开发,vue 应该很简单。
    DreamingCTW
        2
    DreamingCTW  
    OP
       2023-02-28 16:56:52 +08:00
    @seakingii 之前使用过 script 引入 vue.js 进行开发,但现在我看很多是脚手架( vue cli ?)搭建 vue 项目。还有 npm 的命令是 node.js 那块的吗?我理解的感觉有点类似 java 的 maven ,可以打包,构建,运行之类的。webpack 这些需要学习吗?谢谢~
    gowk
        3
    gowk  
       2023-02-28 17:04:16 +08:00   ❤️ 1
    过来人跟你推荐一个课程:
    https://www.bilibili.com/video/BV1Zy4y1K7SH
    以前对前端有点不知所措,看完这个课程再也不用害怕了
    张天禹老师讲的太棒了
    seakingii
        4
    seakingii  
       2023-02-28 17:15:07 +08:00
    @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
        5
    seakingii  
       2023-02-28 17:16:14 +08:00
    @DreamingCTW webpack 超级复杂,现在有一个新的选择就是 vue 作者搞的 那套 vite
    seakingii
        6
    seakingii  
       2023-02-28 17:18:14 +08:00
    Vite (法语意为 "快速的",发音 /vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:

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

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

    Vite 意在提供开箱即用的配置,同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性,并有完整的类型支持。
    seakingii
        7
    seakingii  
       2023-02-28 17:19:28 +08:00
    不管是 webpack 和 vite 那套,你可以在掌握了 vue 之后再学
    我是基本不学的,能用就行,偶尔有需要查下手册。
    前端的东西太快换代了
    phatzhong24
        8
    phatzhong24  
       2023-03-01 00:23:32 +08:00
    Java 后端真的不香了吗
    liuw666
        9
    liuw666  
       2023-03-01 09:07:07 +08:00 via iPhone
    Java 强类型语言转 写前端,建议直接上 TS ,不要写 js 。这样更好入门,减少语言差异,而且代码提示更好
    wxw752
        10
    wxw752  
       2023-03-01 09:19:18 +08:00
    我来这家公司之后发现偶尔要干全栈,然后抄同事写的代码,抄着抄着就会了,现在 ts+vue3 敲的飞起
    DreamingCTW
        11
    DreamingCTW  
    OP
       2023-03-01 09:35:38 +08:00
    @seakingii 好的,非常感谢
    DreamingCTW
        12
    DreamingCTW  
    OP
       2023-03-01 09:36:53 +08:00
    @phatzhong24 不是不香,主要工作就是前后端一起写,感觉自有的技术栈跟不上目前的前端开发了
    DreamingCTW
        13
    DreamingCTW  
    OP
       2023-03-01 09:38:21 +08:00
    @wxw752 那单独搭建前端项目框架这些能会吗,目前是别人搭好架子我也能写,但是自己从头到尾搭个前端的框架我不会...而且好多东西不会。
    DreamingCTW
        14
    DreamingCTW  
    OP
       2023-03-01 09:40:59 +08:00
    @liuw666 目前我是会 js 的,es6 的一些新特性没怎么具体学习,就是不知道现在普遍的前端开发模式是什么样的
    wxw752
        15
    wxw752  
       2023-03-01 09:44:39 +08:00
    @DreamingCTW 会,因为我敲了三年了,有时候难免需要加点什么就随口问问同事,如果去面试问底层我肯定不会,毕竟不是吃这碗饭的。

    起脚手架稍微看一下就知道怎么弄了,简单的很。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1482 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:08 · PVG 01:08 · LAX 09:08 · JFK 12:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.