前端环境搭建,零基础入门到精通,收藏这篇就够了

一.Nodejs安装

1.1 常规安装

常规安装没有太多要说的地方,访问官网 Nodejs官网 下载安装或者对应使用命令安装即可。

1.2 个人推荐

由于小组内,有最新的Vue3项目,也有部分前端项目框架较老。使用Vue2做开发的项目,项目中使用了低版本node-sass这个包,导致Nodejs版本>16安装、启动项目都会出现问题,升级高版本node-sass也会有各种兼容性问题,所以需要使用低版本Node运行项目(12、14)。所以这时候需要一个node版本管理工具来对Node版本做切换。这里推荐用 nvm 来管理node版本。

注意: windows下安装nvm与linux和macos中不同

windows环境下载(nvm-windows)release中的.exe文件执行安装。

macos以及linux参考github中(nvm - github)中的方法安装。

安装完成后在cmd/终端中输入

nvm -v  

查看是否输出版本号,确定是否安装成功。

正确输出版本号之后,这时候只需要执行几个简单命令,就可以配置好nodejs环境了。

nvm install xx

安装对应node版本号 (这里的版本号可以写具体的版本号,比如 20.13.1 ,但是实际上这里输入大版本号即可,如:12、18、20);

执行install命令下载完毕后,执行

nvm use 18

使用指定版本的Nodejs
在这里插入图片描述
此时nvm管理的node环境就已经搭建完毕了。

二、npm源的切换、包管理工具的安装。

2.1 npm源的切换

由于众所周知的原因,国内下载国外服务器资源都很慢,这时我们需要使用其他源来解决这个下载慢的问题。

首先全局安装一个nodejs包 nrm

npm i -g nrm --registry=https://registry.npmmirror.com/

-g 全局安装
在这里插入图片描述
安装成功之后,可以使用下面命令来查看所有推荐的可用源。

nrm ls

在这里插入图片描述
然后使用对应源执行

nrm use xxx 

xxx 对应上面的源名称 npm、yarn、taobao等。

在这里插入图片描述

2.2 包管理工具的安装

nodejs在安装完成之后,会同时默认安装一个npm(Node Package Manager)的包管理工具。正常来说,已经够用了,但是这里如果是在vue3 或者其他更新一点的项目创建的时候,更推荐使用pnpm来管理项目中的包。

在这里插入图片描述

三、项目的创建、运行、打包(拓展)

公司的前端项目一般不会由后端来创建,这里只作为拓展了解即可。

3.1 项目创建

公司前端整体使用vue作为技术栈,由于vue2官方已经停止更新,现在更推荐创建vue3项目。
在这里插入图片描述
所以这里以创建vue3项目为例,演示创建一个vue3的前端项目的过程。

执行 npm create vue@latest
在这里插入图片描述
根据提示输入、选择选项创建完项目即可
在这里插入图片描述
此时项目已经创建完毕了。

3.2 项目运行

接着上面项目创建完成的继续,依次执行下面的命令,等待安装完毕
在这里插入图片描述
安装完毕
在这里插入图片描述
npm run format 此步可以省略,是执行package.json中的 scripts 下 format命令对生产内容进行格式化。

执行

npm run dev

在这里插入图片描述
启动完成。

打开终端中输出的地址,就可以看到项目已经启动成功了。
在这里插入图片描述

3.3 项目打包

查看项目根目录下的package.json文件
在这里插入图片描述
scripts下就是所有我们可以使用 npm run 执行的脚本。

项目打包就是执行

npm run build

在这里插入图片描述
打包完成之后,会在项目根目录生成一个dist文件夹(默认为dist,实际需要以项目配置为准)。dist文件夹中的内容就是打包后得到的静态资源,发布到对应的服务器目录下,配置好nginx即可访问。

当然,真实项目的打包会根据不同的环境做区分,这里以机库运维项目的package.json为例
在这里插入图片描述
不同的命令,生成对应不同环境的打包产物。

2025开年,AI技术打得火热,正在改变前端人的职业命运:

阿里云核心业务全部接入Agent体系;

字节跳动30%前端岗位要求大模型开发能力;

腾讯、京东、百度开放招聘技术岗,80%与AI相关……

大模型正在重构技术开发范式,传统CRUD开发模式正在被AI原生应用取代!

最残忍的是,业务面临转型,领导要求用RAG优化知识库检索,你不会;带AI团队,微调大模型要准备多少数据,你不懂;想转型大模型应用开发工程师等相关岗,没项目实操经验……这不是技术焦虑,而是职业生存危机!

曾经React、Vue等热门的开发框架,已不再是就业的金钥匙。如果认为会调用API就是懂大模型、能进行二次开发,那就大错特错了。制造、医疗、金融等各行业都在加速AI应用落地,未来企业更看重能用AI大模型技术重构业务流的技术人。

如今技术圈降薪裁员频频爆发,传统岗位大批缩水,相反AI相关技术岗疯狂扩招,薪资逆势上涨150%,大厂老板们甚至开出70-100W年薪,挖掘AI大模型人才!

在这里插入图片描述

不出1年 “有AI项目开发经验”或将成为前端人投递简历的门槛。

风口之下,与其像“温水煮青蛙”一样坐等被行业淘汰,不如先人一步,掌握AI大模型原理+应用技术+项目实操经验,“顺风”翻盘!

大模型目前在人工智能领域可以说正处于一种“炙手可热”的状态,吸引了很多人的关注和兴趣,也有很多新人小白想要学习入门大模型,那么,如何入门大模型呢?

下面给大家分享一份2025最新版的大模型学习路线,帮助新人小白更系统、更快速的学习大模型!

2025最新版CSDN大礼包:《AGI大模型学习资源包》免费分享**

一、2025最新大模型学习路线

一个明确的学习路线可以帮助新人了解从哪里开始,按照什么顺序学习,以及需要掌握哪些知识点。大模型领域涉及的知识点非常广泛,没有明确的学习路线可能会导致新人感到迷茫,不知道应该专注于哪些内容。

我们把学习路线分成L1到L4四个阶段,一步步带你从入门到进阶,从理论到实战。

L1级别:AI大模型时代的华丽登场

L1阶段:我们会去了解大模型的基础知识,以及大模型在各个行业的应用和分析;学习理解大模型的核心原理,关键技术,以及大模型应用场景;通过理论原理结合多个项目实战,从提示工程基础到提示工程进阶,掌握Prompt提示工程。

L2级别:AI大模型RAG应用开发工程

L2阶段是我们的AI大模型RAG应用开发工程,我们会去学习RAG检索增强生成:包括Naive RAG、Advanced-RAG以及RAG性能评估,还有GraphRAG在内的多个RAG热门项目的分析。

L3级别:大模型Agent应用架构进阶实践

L3阶段:大模型Agent应用架构进阶实现,我们会去学习LangChain、 LIamaIndex框架,也会学习到AutoGPT、 MetaGPT等多Agent系统,打造我们自己的Agent智能体;同时还可以学习到包括Coze、Dify在内的可视化工具的使用。

L4级别:大模型微调与私有化部署

L4阶段:大模型的微调和私有化部署,我们会更加深入的探讨Transformer架构,学习大模型的微调技术,利用DeepSpeed、Lamam Factory等工具快速进行模型微调;并通过Ollama、vLLM等推理部署框架,实现模型的快速部署。

整个大模型学习路线L1主要是对大模型的理论基础、生态以及提示词他的一个学习掌握;而L3 L4更多的是通过项目实战来掌握大模型的应用开发,针对以上大模型的学习路线我们也整理了对应的学习视频教程,和配套的学习资料。

二、大模型经典PDF书籍

书籍和学习文档资料是学习大模型过程中必不可少的,我们精选了一系列深入探讨大模型技术的书籍和学习文档,它们由领域内的顶尖专家撰写,内容全面、深入、详尽,为你学习大模型提供坚实的理论基础(书籍含电子版PDF)

三、大模型视频教程

对于很多自学或者没有基础的同学来说,书籍这些纯文字类的学习教材会觉得比较晦涩难以理解,因此,我们提供了丰富的大模型视频教程,以动态、形象的方式展示技术概念,帮助你更快、更轻松地掌握核心知识

四、大模型项目实战

学以致用 ,当你的理论知识积累到一定程度,就需要通过项目实战,在实际操作中检验和巩固你所学到的知识,同时为你找工作和职业发展打下坚实的基础。

五、大模型面试题

面试不仅是技术的较量,更需要充分的准备。

在你已经掌握了大模型技术之后,就需要开始准备面试,我们将提供精心整理的大模型面试题库,涵盖当前面试中可能遇到的各种技术问题,让你在面试中游刃有余。


因篇幅有限,仅展示部分资料,需要点击下方链接即可前往获取

2025最新版CSDN大礼包:《AGI大模型学习资源包》免费分享

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值