老师,为什么没有形成.css文件啊

来源:2-1 sass mac环境安装

慕斯卡7334333

2019-10-30 22:23:36

'sass' �����ڲ����ⲿ���Ҳ���ǿ����еij���

�����������

[Finished in 0.3s with exit code 1]

[cmd: ['sass', '--update', 'C:\\Users\\lenovo\\Desktop\\code\\sass\\index.scss:C:\\Users\\lenovo\\Desktop\\code\\sass/index.css', '--stop-on-error', '--no-cache']]

[dir: C:\Users\lenovo\Desktop\code\sass]

[path: D:\app\lenovo\product\11.2.0\dbhome_2\bin;D:\app\lenovo\product\11.2.0\dbhome_1\bin;D:\app\Administrator\product\11.2.0\dbhome_1\bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;d:\jdk\bin;"d:\jdk\bin;\mysql\bin";d:\mysql\bin;C:\graphviz\bin;C:\Users\lenovo\Anaconda3\Scripts;d:\graphviz\bin;D:\Anaconda3\;D:\Anaconda3\Scripts\;D:\Anaconda3\Library\bin\;C:\Users\lenovo\AppData\Local\Microsoft\WindowsApps;]


写回答

1回答

好帮手慕言

2019-10-31

同学你好,没有编译成功,可能是存在如下几点原因

1、首先,要确保scss代码格式没有问题。 

2、然后, 需要查看sass和sass bulid插件是否安装成功。

3、如果安装成功了,需要将编译的文件放在C盘中,否则有可能编译不成功。

4、嵌套文件夹过多(比如文件夹1里面嵌套了文件2...文件10里面嵌套了sass文件夹)也有可能编译不成功。

5、文件夹名尽量使用英文。

如果上方条件都符合,还是不能成功编译的话,可以使用vscode编辑器,下载sass和easy sass插件进行编译

操作步骤如下:

1、找到sass和easy sass,点击install进行安装(老师这里是安装过了,所以没有出现install按钮)

http://img.mukewang.com/climg/5dba42860961c12d03570773.jpg

2、安装完成以后,我们直接新建一个以.scss结尾的文件,在这文件中写上sass代码,按下ctrl+s保存,就会自动编译的

3、如果不可以编译的话,需要配置一下:

1)打开设置

http://img.mukewang.com/climg/5dba4205098582b205220599.jpg

2)根据下方截图操作

http://img.mukewang.com/climg/5dba4222091ddf2a07570410.jpg

3)进行配置

http://img.mukewang.com/climg/5dba4234098f69a110050332.jpg

 "easysass.formats": [
        {
            "format": "nested",
            "extension": ".css"
        }
    ],
    "easysass.excludeRegex": "^_",
    "easysass.targetDir": "scss",

现在新建.scss结尾的文件,在文件中写上sass代码,按下ctrl+s保存,就会编译的

http://img.mukewang.com/climg/5dba425d090b8cb508720306.jpg


如果下载后可以直接编译就不需要配置了哦。

这个链接是vscode的教程,可以学习一下:https://www.imooc.com/learn/1106。

如果帮助到了你,欢迎采纳~祝学习愉快~

0

0 学习 · 10739 问题

查看课程