首页 > 其他分享 >统计前端项目代码总行数

统计前端项目代码总行数

时间:2023-03-06 17:13:13浏览次数:24  
标签:Code name 前端 VS 代码 统计 总行

统计前端项目代码的总行数


 

统计前端项目代码的总行数,可以有两种方式:Git Bash 命令行页面中使用命令统计  或着 使用用 VS Code 中的插件统计。

 

方式一、使用命令

1、选择项目路径,进入Git Bash页面

在前端项目的src目录,右键选择“Git Bash Here”,进入 Git Bash 的命令行页面。

 

2、执行统计命令

在命令行页面中执行如下命令,即可统计出相关类型文件的总行数(包含空格):

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

说明:如果想增加文件类型,在查询过滤条件中增加即可,如:想筛选加 md 类型文件, 添加查询 -or -name "*.md"。

 

 

方式二、使用VS Code

1、安装插件 VS Code Counter

在 VS Code 的扩展中,搜索“VS Code Counter”插件,install安装。

 

2、VS Code打开前端项目

VS Code打开前端项目,使用快捷键 Ctrl + Shift + P,搜素“VSCodeCounter”,选择 Count lines in directory。

 

3、统计指定目录下文件的行数

在文件路径搜索框中,补充待统计的目录,如:src目录。

 

如下图,该插件可以统计出src目录下各个语言类型的文件数、有效代码行数、注释行数、空格行数、总行数,以及每个目录、每个文件的统计情况。

 

标签:Code,name,前端,VS,代码,统计,总行
From: https://www.cnblogs.com/miracle-luna/p/17184554.html

相关文章

  • 代码大全_V2(1,2章笔记)
    译序这本书讲什么代码大全原名叫codecomplete,它是什么,又不是什么?不是IDE中的代码自动补全功能不是软件源代码“大全”是“编码完成”的意思,是一个软件项目开发......
  • python 代码调试--pdb
    python代码调试--pdbhttps://www.jianshu.com/p/fb5f791fcb18https://learnku.com/docs/pymotw/pdb-interactive-debugger/3470......
  • 系统化学习前端之vite
    前言”天下苦webpak久矣“。webpack虽然解决了前端工程化的问题,但是webpack编译打包过程中自身性能的问题随着项目代码的增长逐渐暴露出来,老前端们开始追求开发体验和......
  • 一文吃透前端低代码的“神仙生活”
    今天来说说前端低代码有多幸福?低代码是啥?顾名思义少写代码……这种情况下带来的幸福有:代码写得少,bug也就越少(所谓“少做少错”),因此开发环节的两大支柱性工作“赶需求”和......
  • 前端老赵一次给你讲透“微前端”架构
     一、引言:随着Web应用程序的规模和复杂度的不断增加,前端技术也在不断发展和演进。微前端是近年来兴起的一种前端架构模式,通过将大型Web应用程序拆分为小型、可独立开发......
  • 【Git】代码权限&分支管理
    以Gitlab代码托管平台说明,也是目前应用最为广泛的企业搭建私服的选择。1. 权限管理[项目]访问权限有3种::Private、Internal、PublicPrivate:只有组成员才能看到......
  • vue 前端导出
    1.安装依赖npminstall-Sxlsxnpminstall-Sxlsx-style2、导出export插件封装utils/exportExcel.js/** *@file导出export插件封装 */ import*asstyle......
  • 代码区、常量区、静态区(全局区)、堆区、栈区
    代码区、常量区、静态区(全局区)、堆区、栈区?参考:https://blog.csdn.net/u014470361/article/details/79297601......
  • 【前端】一个更底层库-React基础知识
    (目录)这一篇学习React知识点。分别从属性状态和相关API了解一下。属性状态属性状态要知道这几个PROPS,PROPVALIDATION,STATE。PROPS通过this.props可以获取传递给该......
  • IntelliJ IDEA中提高代码开发效率的10个快捷操作
    作者:京东零售张宾IntelliJIDEA中提高代码开发效率的10个快捷操作IntelliJIDEA提供了一些Java的快捷键,同样也可以帮助我们提高日常的开发效率。关于这些快捷操作如下:1..p......