有没有可能开发一个插件，允许用中文写 CSS？ - V2EX

Home Sign Up Sign In

This topic created in 2653 days ago, the information mentioned may be changed or developed.

想问一下技术上可行吗？或者有其他人做过吗？
比如：
改用插件以后：
.商品 {
宽:200px;
高:200px;
定位:绝对;
}
然后插件自动把中文转换为对应的英文：
.collection {
width: 200px;
height: 200px;
display: absolute;
}

如果可行，应该学习哪方面的知识才能把它做出来呢？

15 replies • 2019-08-13 16:24:09 +08:00

uqf0663

Jul 29, 2019

1

直接 replace 又不难，只是有意义吗？

Dacred

Jul 29, 2019

2

webpack

songpengf117

Jul 29, 2019 via iPhone

3

标点符号切换反而麻烦

upcliucong

OP

Jul 29, 2019

1

4

@uqf0663 我个人的话看英文有零点几秒的延迟，看中文感觉更快更亲切一点。如果从初学者考虑，这样学习的门槛会降低很多。

SingeeKing

Jul 29, 2019

1

5

https://www.npmjs.com/package/webpack-plugin-replace 可以实现基础的，你也可以自己写一个 plugin，不过真的没什么意义……

demo

Jul 29, 2019

6

本就统一化的东西，愣是要另辟蹊径

upcliucong

OP

Jul 29, 2019

7

@Dacred 您的意思是要把这个功能添加到 webpack 里，对吗？

upcliucong

OP

Jul 29, 2019

8

@SingeeKing 感谢，这就是我要的。

love

Jul 29, 2019

9

@upcliucong 看英文不适应是病，得冶。建议把电脑和手机系统改成英文界面看个几个月就适应了。

nihiue

Jul 29, 2019 via Android

10

如果门槛是英文，建议多看看美剧…编程和数学一样，难度都不在符号系统本身，没听说过用中文改造数学符号表达系统能让大家数学更好的说法

nihiue

Jul 29, 2019 via Android

11

@love 我觉得程序员就应该用用英文系统，除了学英语，各种搜索场景英文系统方便很多，比如要搜索显示设置，直接输入 dis 就会匹配到，中文还要输入法还要选字

mufeng

Jul 29, 2019

12

https://github.com/NV/CSSOM css ast

delectate

Jul 29, 2019

13

易语言要进军新领域了？

IsaacYoung

Jul 29, 2019 via iPhone

14

postcss

s1E4GnZ4A2qGRyva

Aug 13, 2019

15

建议类名直接用中文，不需额外工具支持。比如： https://github.com/program-in-chinese/team_website/blob/master/docs/%E5%9C%883/%E5%9C%883.css

About · Help · Advertise · Blog · API · FAQ · Privacy · Solana · 4491 Online Highest 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 38ms · UTC 05:43 · PVG 13:43 · LAX 21:43 · JFK 00:43
♥ Do have faith in what you're doing.