开源代码:
BootstrapDash/celestialAdmin-free-admin-template: Celestial Free Bootstrap Admin Dashboard Template (github.com)https://github.com/BootstrapDash/celestialAdmin-free-admin-template
作为一个新手,知识还停留在简单的HTML+JS+CSS的hello world阶段,所以使用的时候遇到了很多新概念,自己做了一个记录。
1.bootstrap
这个在搭建网站之类的东西使用比较多,他是一个前端开发框架,个人理解就是将一些基础组件进行封装, 然后再提供给我们使用。
2.Scss
这里,Scss是用来写css的,个人理解相当于TypeScript相当于Javascript的概念。
Scss是css的超集,编写完成之后使用gulp工具可以编译出一个css文件和一个css.map文件。
这里我疑惑css.map的作用,后面删除了该文件,发现F12的开发者工具显示缺失这个文件,然后在将生成的单个的css文件的
/*# sourceMappingURL=../maps/vertical-layout-light/style.css.map */
这一行删除掉,就没有这个缺失文件的提示了。
而且这也在开发者工具中看不到Scss的原始文件了,我个人理解为附带的调试信息,用于还原开发的源代码.