技术背景:html ,css ,js ,jQuery 这些都会,vue 也写过一些基础的,所以想系统的学习一下。
我想走 vue 路线,目前了解到的可能需要学习 es6 ,ts ,nodejs ,vue ,想请教一下,具体需要学习哪些技术?先后顺序是什么?还望前端的大佬解惑,谢谢~
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 应该很简单。 |
2
DreamingCTW OP @seakingii 之前使用过 script 引入 vue.js 进行开发,但现在我看很多是脚手架( vue cli ?)搭建 vue 项目。还有 npm 的命令是 node.js 那块的吗?我理解的感觉有点类似 java 的 maven ,可以打包,构建,运行之类的。webpack 这些需要学习吗?谢谢~
|
3
gowk 2023-02-28 17:04:16 +08:00 1
|
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 之类里建一个静态网站就是发布了 |
5
seakingii 2023-02-28 17:16:14 +08:00
@DreamingCTW webpack 超级复杂,现在有一个新的选择就是 vue 作者搞的 那套 vite
|
6
seakingii 2023-02-28 17:18:14 +08:00
Vite (法语意为 "快速的",发音 /vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:
一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新( HMR )。 一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。 Vite 意在提供开箱即用的配置,同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性,并有完整的类型支持。 |
7
seakingii 2023-02-28 17:19:28 +08:00
不管是 webpack 和 vite 那套,你可以在掌握了 vue 之后再学
我是基本不学的,能用就行,偶尔有需要查下手册。 前端的东西太快换代了 |
8
phatzhong24 2023-03-01 00:23:32 +08:00
Java 后端真的不香了吗
|
9
liuw666 2023-03-01 09:07:07 +08:00 via iPhone
Java 强类型语言转 写前端,建议直接上 TS ,不要写 js 。这样更好入门,减少语言差异,而且代码提示更好
|
10
wxw752 2023-03-01 09:19:18 +08:00
我来这家公司之后发现偶尔要干全栈,然后抄同事写的代码,抄着抄着就会了,现在 ts+vue3 敲的飞起
|
11
DreamingCTW OP @seakingii 好的,非常感谢
|
12
DreamingCTW OP @phatzhong24 不是不香,主要工作就是前后端一起写,感觉自有的技术栈跟不上目前的前端开发了
|
13
DreamingCTW OP @wxw752 那单独搭建前端项目框架这些能会吗,目前是别人搭好架子我也能写,但是自己从头到尾搭个前端的框架我不会...而且好多东西不会。
|
14
DreamingCTW OP @liuw666 目前我是会 js 的,es6 的一些新特性没怎么具体学习,就是不知道现在普遍的前端开发模式是什么样的
|
15
wxw752 2023-03-01 09:44:39 +08:00
|