Làm cách nào để tự động điền tên lớp CSS bao gồm một ký tự trừ?

Tôi đang có cấu trúc lớp CSS sau

.mAIcon
.mAIcon-reject
.mAIcon-edit
.mAIcon-accept
.event

và như thế.

Trong các tệp HTML của tôi, tôi muốn tự động hoàn thành các tên lớp này.

Nhưng khi tôi gõ

<span class="mAIcon mA|">

và tôi muốn tự động hoàn thành phần còn lại, điều duy nhất tôi nhận được là

<span class="mAIcon mAIcon|">

Để có được những gì tôi thực sự muốn, tôi phải gõ thêm -và ví dụ evà sử dụng lại tự động hoàn thành. Nhưng sau đó tôi nhận được mọi thứ bắt đầu bằng một e, thậm chí cả lớp event. Điều này thực sự gây phiền nhiễu và làm cho tự động hoàn thành khá vô dụng trong trường hợp này.

Tôi sử dụng hoàn thành từ khóa chung của Vim với i_CTRL-Nlệnh và tôi không có bất kỳ plugin hoàn thành bổ sung nào được cài đặt.

Có thể bao gồm -việc phát hiện các tên lớp CSS cho tự động hoàn thành không?

Có, bạn có thể xác định những ký tự nào được coi là một phần của từ khóa với 'iskeyword'tùy chọn:

setlocal iskeyword+=-

Bạn có thể thêm đoạn mã sau vào vimrcđể hạn chế tùy chọn đó đối với các tệp CSS và HTML:

augroup css
    autocmd!
    autocmd FileType css,html setlocal iskeyword+=-
augroup END

Tôi đã giải quyết vấn đề bằng cách viết một tập lệnh python nhỏ tạo tập tin thẻ. Kịch bản tìm kiếm các lớp CSS và in một dòng thẻ cho mỗi lớp.

Hiện tại tôi chạy kịch bản bằng tay

css_tags $file >> tags

trong đó thêm các tập tin vào tập tin thẻ. Điều này hoạt động kể từ khi hoàn thành thẻ không bị giới hạn bởi iskeywordcài đặt.

Đây là nội dung của tập lệnh cũng có sẵn trên GitHub .

#!/usr/bin/env python3

import argparse
import re

parser = argparse.ArgumentParser(description='CSStags.')
parser.add_argument('css_file', type=argparse.FileType('r'))


def create_tag(tag_name, filename, line):
    """
    Create a ctag line for the CSS class
    """
    print('%s\t%s\t/^%s$/;"\tc' % (tag_name, filename, line))


def main():
    args = parser.parse_args()

    class_regex = re.compile('^\.([\w-]+)\s*{')

    for line in args.css_file:
        class_match = class_regex.match(line)
        if class_match:
            create_tag(class_match.group(1), args.css_file.name, class_match.group(0))


if __name__ == '__main__':
    main()