请问对于未换行,明显分割的 CSS/HTML 代码怎么才能使之更好阅读?

2016-12-02 13:21:19 +08:00
 Newyorkcity
http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css
比如这种..我把它下载下来,用 VS code 打开,但是主体代码部分还是揉在一团..
我想如果可以在每一个}之后插一个回车应该会很好很多..
自己初学没什么技术,想把}替换成}+回车,然而发现回车键无法成为替换内容..
<br />
所以,这种东西应该怎么处理可以使之更好阅读.
谢谢
1667 次点击
所在节点    问与答
9 条回复
xycool
2016-12-02 13:26:28 +08:00
![]( ) 搜类似关键字就好了。
publicID002
2016-12-02 13:28:23 +08:00
启用正则替换,然后用\n 表示换行符也许可以
starvedcat
2016-12-02 13:36:02 +08:00
格式化代码,英文 format code
主流 IDE 都有这功能,快捷键搜一下
可以下载一个 webstorm , ctrl+alt+L
wwqgtxx
2016-12-02 13:41:07 +08:00
用 chrome 的 F12 查看,他会提示你要不要自动格式化
xycool
2016-12-02 13:43:45 +08:00
@wwqgtxx 哇,刚试了一下,还能这样。火星了。感谢!
wolyshaw
2016-12-02 13:45:44 +08:00
把 min 去掉就是没有压缩的版本了, http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.css
coderluan
2016-12-02 13:47:31 +08:00
为了提高加载速度, css/js 文件都会压缩的,后缀一般是.min.css/js 。
换句话说,这个代码本来就不是给你读的,一般给你读的都有对应的文件,把.min 去掉就行了。
所以楼主直接看这个网页就 ok 了。
http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.css
Newyorkcity
2016-12-02 14:10:14 +08:00
wildcat007
2016-12-02 14:14:26 +08:00
7 楼的知识点学到了~感谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/324796

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX