去掉vue里的分号

最新推荐文章于 2024-12-23 10:27:22 发布

Marshall001

最新推荐文章于 2024-12-23 10:27:22 发布

阅读量7k

点赞数 2

分类专栏： Linux Web前端文章标签： javascript sed vue 分号

本文链接：https://blog.youkuaiyun.com/Marshall001/article/details/78349744

版权

Web前端同时被 2 个专栏收录

10 篇文章

订阅专栏

Linux

7 篇文章

订阅专栏

本文讨论了在遵循JavaScript书写规范时为何避免使用分号，并引用了seven-things-you-should-stop-doing-with-node-js中的观点。介绍了如何使用`standard`指令规范化JS文件。针对.vue文件中分号的问题，提出了利用sed命令仅删除script标签内分号的解决方案，以保持style标签内的分号不变。提供了具体的操作命令来批量处理.vue文件。

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

按照 Javascript书写规范的要求，分号被禁用。
为什么js里不要写分号呢？且看 seven-things-you-should-stop-doing-with-node-js 第五点 Stop using semicolons

对于已经写了分号的文件， Javascript书写规范提供一个简单的指令 standard --fix 将你的js文件规范化。当然，你需要先安装 npm install standard --save-dev。顺便补充一点，不是全局安装的模块，可执行文件在 ./node_modules/.bin/ 下面，所以这样运行 ./node_modules/.bin/standard --fix

如何去掉.vue里的分号呢？
standard --fix 只能去掉.js里的分号，然而.vue是这样的格式

<template>
    <div>
        <h1>hello {{ name }}</h1>
    </div>
</template>

<script>
export default {
    data() {
        return {
            name: 'William'
        };
    }
};
</script>

<style lang='scss' scoped>
div {
    margin: 10px 8px;
    background-color: steelblue;
}
</style>

分析: 对于上面的文件，只能去掉 script 标签里的分号，style 标签中的分号是不能去掉的。

该召唤伟大的 sed（强大的文本处理工具）了。用法请参考这里.

直接写结果的话是这样： sed -i "/script/, /script/s/;$//" file.vue，表示对file.vue的script之间的内容，将每行末尾的分号替换(s)为空，即删除。

如果要删除一批.vue中的分号，则可这样

sed -i "/script/,/script/s/;$//" `find . -name '*vue'`

find . -name '*vue' 将列出当前目录下所有的.vue文件，像下面这样：

./deal.vue
./world.vue
./sub/hello.vue
./tea.vue
./hello.vue

— done —