Javascript基础知识体系化学习总结(十)开发环境

本文概述了JavaScript开发中常用的工具与环境设置,包括git版本控制的基本操作、Chrome调试工具的功能介绍、webpack与babel的作用及Linux基础命令的使用,为前端开发者提供全面的开发流程指导。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Javascript基础知识体系化学习总结(十)开发环境

一、git
1.git是最常用的代码版本管理工具,必须熟悉,大型开发必用!
2.一些简单的git命令:
Git add. 就是把你改完确定没有问题的代码都提交上去(可以加文件名,当然并不是真的提交,进入了一个类似预提交的区域)
Git checkout xxx文件名 就可以把你觉得做错的某文件还原
Git commit -m “xxx” 提交一条记录
Git push…推送到服务端,pull就是从服务端下载
Git branch 可以看一下已经有的分支
Git checkout -b xxx /git checkout xxx切换分支
Git merge xxx合并分支!

二、调试
1.这个是以浏览器为主的调试工具(以chrome为例子):
Elements就是当前DOM元素的展示,里面还有css样式什么的。
Console的话一般就是打印的什么东西。
Application保存一些本地存储的地方(local Storage 、Session storage、Cookie)。
Network可以看到所有资源的加载。
Sources是调试的地方,我们可以在自己的代码中在需要的地方写上debugger,打开网页就会在那个地方打上断点了,当然也可以点击旁边的数字打上断点!

三、webpack和babel
1.webpack是前端标配的打包工具,babel则是编译高版本ES语法的编译器
2.使用原因是浏览器不支持ES6的模块化,其它的语法也没有完全支持,同时为了压缩和整合代码,让运行更快!

四、Linux命令
1.由于公司的线上机器和测试机都是使用的Linux,所以我们需要掌握一些简单的基础命令:
ls查看文件夹-平铺形式
ll查看文件夹-列表形式
clear 清屏
mkdir 创建新的文件夹
rm-rf 删除整个文件夹

好了,javascript的第十个模块大概就是这些内容了,我会将它分为11个模块然后13篇文章左右把它讲完(有的模块内容多会范围上下期大概。。。),学完这些模块相信大家对基础的js会有一个比较体系化的认识,那么大家加油,我是O5,我们下次见!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值