LeCMS
ClassCMS
Fastadmin
iCMS
PbootCMS
PHPCMS
易优CMS
YzmCMS
讯睿CMS
极致CMS
Wordpress
HkCMS
YznCMS
WellCMS
ThinkCMF
帝国CMS
SIYUCMS在FastAdmin中我们使用Less来编写页面样式代码，小伙伴可能对CSS较为熟悉，而CSS相对比较陌生。在使用Less编写CSS代码之前，可能简单先阅读并学习下Less的安装和使用。请前往：http://lesscss.cn/ 查看
Less文件说明
接下来我为大家讲解下FastAdmin中的几个重要的LESS文件，几个Less文件都位于public/assets/less文件夹中：
backend.less 此文件主要是我们后台管理部分的布局样式frontend.less 此文件主要是我们前台及会员中心部分的布局样式bootstrap.less 此文件是Bootstrap的样式fastadmin.less 此文件是FastAdmin针对Bootstrap进行扩展和覆盖的样式文件通常情况下我们只会改动到backend.less和frontend.less这两个文件，bootstrap.less和fastadmin.less这两个为核心样式，一般不建议修改。
开发环境
我们修改了backend.less和frontend.less文件，还需要将less文件编译成css文件，其中
public/assets/less/backend.less 对应 public/assets/css/backend.csspublic/assets/less/frontend.less 对应 public/assets/css/frontend.css如果我们已经通过npm使用命令npm install -g less安装less，并且在命令行下lessc命令已经可以正常执行。此时我们可以使用以下命令来编译：
//public/assets/less当工作目录lessc backend.less ../css/backend.csslessc frontend.less ../css/frontend.css生产环境
在FastAdmin的开发模式下则对样式的修改已经生效了，但是如果在生产环境下，我们还需要继续下一步的操作
php think min -m all -r css这句话的意思是将压缩打包前后台的CSS文件，这句话执行的逻辑时是将
public/assets/css/backend.css 打包压缩成 public/assets/css/backend.min.csspublic/assets/css/frontend.css 打包压缩成 public/assets/css/frontend.min.css如果你在生产环境下不生效，注意清空下浏览器缓存或禁用浏览器缓存
请不要直接修改backend.min.css或frontend.min.css，请使用命令进行压缩打包
自动化操作
大家可能已经注意到以上的操作过于繁琐，此时我们可以借助PHPStorm的File watchers功能，自动执行编译和打包，关于File watchers的介绍，请参考：#如何在FastAdmin中使用PHPStorm的File Watchers进行高效开发
希望以上内容对你有所帮助！如果还有其他问题，请随时提问。 各类知识收集 拥有多年CMS企业建站经验，对 iCMS， Fastadmin， ClassCMS， LeCMS， PbootCMS， PHPCMS， 易优CMS， YzmCMS， 讯睿CMS， 极致CMS， Wordpress， HkCMS， YznCMS， WellCMS， ThinkCMF， 等各类cms的相互转化，程序开发，网站制作，bug修复，程序杀毒，插件定制都可以提供最佳解决方案。
未经允许不得转载：Str Tom工作室 » 如何在FastAdmin中编写Less样式代码并编译成CSS代码?
