首页IT科技怎么看前端用了什么框架(如何统计前端项目有多少行代码)

怎么看前端用了什么框架(如何统计前端项目有多少行代码)

时间2025-04-28 14:13:00分类IT科技浏览4147
导读: 方法一:输入命令 前端项目核心代码主要在src目录下,打开项目找到src目录,右键点击 git bash here ,然后输入命令:...

 方法一:输入命令

前端项目核心代码主要在src目录下             ,打开项目找到src目录                    ,右键点击 git bash here       ,然后输入命令:

1.包括空行(会列出每个文件的代码行数):

find . "(" -name "*.html" -or -name "*.js" -or -name "*.css" -or -name "*.vue" ")" -print | xargs wc -l

  2.不包括空行(只显示总行数)

find . "(" -name "*.html" -or -name "*.js" -or -name "*.css" -or -name "*.vue" ")" -print | xargs grep -v "^$" | wc -l

3. 回车命令

grep -v "^$"

如果还有其他文件         ,可继续添加如  -or -name "*.json"                    ,需要注意的是:注释也被统计在代码行数之内            。 

首先         ,find             、xargs                    、wc      、都是linux下的命令                   。

设置了find命令的搜索路径:将find的顶层目录设置为当前目录      ,即从当前目录开始搜索

-name ".html":-name使得find根据指定的名称寻找文件        。".html"即匹配所有后缀名为html的文件         。

-or是find命令的一个操作符                    ,“或            ”                  。

-print将寻找到的文件的名称打印出来           。

|:管道            ,大体作用就是把前面命令的输出   ,作为后面命令的输入      。

xargs命令:将管道的标准输入转换为下个命令的参数                  。由于wc命令是对文件的信息进行统计                    ,

需要文件名作为参数               ,因此需要将find命令找到的文件名,使用xargs作为参数传递给wc命令              。

wc命令:统计文件的行数         、字节数等信息   。

-l参数:只显示行数                  。在同时对多个文件的行数进行统计时                 ,会计算出它们的和                 。

 方法二:使用vscode插件

1. 安装插件

 2. 装好插件后                   ,重新启动vscode   ,打开需要计算代码行数的项目             ,使用快捷键 ctrl + shift + p 选择 VSCodeCounter:Count lines in directory 

3. 回车后会显示当前项目的路径                    ,可修改路径      ,选择你需要计算代码行数的目录

 4.再次回车         ,即可显示当前目录下的代码量                    、注释         、空行等。

 参考文章:

如何统计项目代码行数_beibeix2015的博客-CSDN博客_如何统计代码行数

VS Code中统计有效代码行数(除去注释行                    ,空格)_无月大大的博客-CSDN博客_有效代码行数

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
英国留学高中排名(有什么适合学生的**-大盘点!这些**都适合英国在校学生工作) 用什么软件可以调整视频播放速度(哪些视频播放软件可以调速度_如何调视频播放速度)