Adobe Dreamweaver CC如何自动编译scss

 时间:2024-10-12 23:14:44

1、下载Dreamweaver CC 2018版,网上有破解版,提倡:请支持正版。

Adobe Dreamweaver CC如何自动编译scss

2、新建站点:Dreamweaver 罕铞泱殳cc还是有站点这个概念,所以必须先新建站点;菜单 》 站点管理 》 新建站点 》

Adobe Dreamweaver CC如何自动编译scssAdobe Dreamweaver CC如何自动编译scss

3、设置站点名称和站点目录,涉及到sass源文件的位置和输出文件

Adobe Dreamweaver CC如何自动编译scss

4、设置sass源文件位置和输出的css文件;可根据自己的目录需要设置,图片展示中是因为

Adobe Dreamweaver CC如何自动编译scss

5、设置css输出格式,可对输出的罕铞泱殳css压缩处理,也可输出排版整齐的css代码* nested:嵌套缩进的css代码,它是默认值。* expanded:没有缩进的、扩展的css代码。* compact:简洁格式的css代码。* compressed:压缩后的css代码。

Adobe Dreamweaver CC如何自动编译scss

6、如果相关的目录更改或者设置有错误,可以根据返回修改;点击站点管理下的“小铅笔”进行修改

Adobe Dreamweaver CC如何自动编译scss

7、最后看下输出结果

Adobe Dreamweaver CC如何自动编译scss
  • Maya2019软件中如何绘制圆台模型
  • 电脑怎么卸载Adobe
  • ae怎么实现文字模糊效果?
  • blender游戏引擎入门控制物体移动
  • 创新创业的感悟与收获有哪些
  • 热门搜索
    京东账号怎么注销 strawberry怎么读 孕妇身上痒是怎么回事 南京航空航天大学怎么样 骑马与砍杀怎么玩 怎么用丹田唱歌 嘉宝米粉怎么样 生气用英语怎么说 个人简历籍贯怎么填 红薯饼怎么做好吃又简单