标签:scss Sass sass 笔记 指令 使用手册 input css
最近因为工作需要,自学了Sass。现在将学习笔记整理在这里,供大家参考。
1. Sass的安装
Sass的编辑器安装方法有很多,大致能分为两种:应用程序(application)和命令行界面(command line)。我使用的是命令行。因为之前已经在Mac上安装过Homebrew的package,用的命令行是
brew install sass/sass/sass
Homebrew对系统xCode版本有要求,如遇提示xCode版本过低,在App Store下载更新软件,或者直接卸载软件都可以。
如果已经安装过node.js,也可以使用npm指令
npm install -g sass
如果提示权限不足,在命令行前加上sudo即可。
参考网页 https://sass-lang.com/install
2. Sass编辑器的使用
Sass的使用很简单,记住两条指令即可。
第一条指令如下,意思是编辑input.scss,并输出储存在output.css文件中。指令只编译一次。
sass input.scss output.css
第二条指令增加了一个watch功能。同上述指令,编译input.scss储存至output.css。指令编译多次,适用于开发过程中的编译。.scss文件的改动会被检测(watch)并立即编译写入相应的.css文件中。
sass --watch input.scss output.css
3. 其他
Sass的语法有很多资源都体积到了,在此就不赘述了。
推荐几处参考网站:
- Sass Basics Sass官方语法 https://sass-lang.com/guide
- Sassmeister 官方Sass在线编辑器 https://www.sassmeister.com/
本文转载于:猿2048➥https://www.mk2048.com/blog/blog.php?id=hch0j1b21cb
标签:scss,Sass,sass,笔记,指令,使用手册,input,css 来源: https://www.cnblogs.com/10manongit/p/13018912.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。