Javascript基础知识体系化学习总结(九)小谈Web开发环境

229 阅读2分钟

这是我参与2022首次更文挑战的第1天,活动详情查看:2022首次更文挑战

一、git

1.git是最常用的代码版本管理工具,必须熟悉,大型开发必用!

2.一些简单的git命令:

Git add. 就是把你改完确定没有问题的代码都提交到服务器上去(可以加文件名,当然并不是真的提交,进入了一个类似预提交的区域)

Git checkout xxx文件名 就可以把你觉得写错或者存在问题的某些文件还原

Git commit -m “xxx” 提交一条记录,内容为xxx

Git push…推送代码到服务端,pull就是从服务端下载代码

Git branch 可以看一下现在已经有的分支

Git checkout -b xxx /git checkout xxx 切换分支到xxx

Git merge xxx 当前分支合并分支xxx

二、调试

这里主要是指以浏览器为主的调试工具(以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系统,所以我们还是需要掌握一些简单的Linux相关基础命令:

ls查看文件夹-以平铺形式

ll查看文件夹-以列表形式

clear 清屏

mkdir 创建新的文件夹

rm-rf 删除整个文件夹