热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何用sublime编写sass

使用了SublimeText也有一段时日了,然后在现在而言,小觉的coding工具已经非其莫属了,接着小觉因为近期忙着项目的原因,同时还要抽空编辑博客的原因,就暂时把它放在一旁了,现在偶然想起也就说
使用了Sublime Text也有一段时日了,然后在现在而言,小觉的coding工具已经非其莫属了,接着小觉因为近期忙着项目的原因,同时还要抽空编辑博客的原因,就暂时把它放在一旁了,现在偶然想起也就说下关于让Sublime Text支持SASS开发的方法。

提示:没有安装Sass及SassBuild之前Sublime Text是不支持Sass开发的,即在下图之中是没有Sass选项的。

让Sublime Text支持SASS的开发 - Sass&SassBuild Packages
点击查看大图
以下内容操作前提:已安装好package control插件,前文已经提及,可通过搜索了解。

让Sublime Text支持SASS开发说白了其实只要在其上安装Sass及SassBuild这两个插件即可,下面为安装步骤:

1、通过ctrl+shift+p快捷键组合打开命令面板

2、在命令栏中输入"Sass"然后回车,然后在弹出的列表中选择Sass插件,通过鼠标单击或者回车进行安装,可通过左下角状态栏查看安装结果

3、在命令栏中输入"SassBuild"然后回车,然后在弹出的列表中选择SassBuild插件,通过鼠标单击或者回车进行安装,可通过左下角状态栏查看安装结果

让Sublime Text支持SASS的开发 - Sass&SassBuild Packages

因为之前安装了Sass插件,而且安装过的插件无法再次出现在安装列表之中,所以第二个步骤就不提供截图了,同时关于第一步操作的截图之前也给了很多了,相对简单也不提供了,最近小觉有点忙,不过只要不出意外,小觉会想小说作者们一样做到每天更新,而且是4更哦~

推荐阅读
  • 本文探讨了前端包管理器的核心功能,包括注册机制、文件存储、上传下载、以及依赖分析等关键特性,并介绍了几种流行的前端包管理工具。 ... [详细]
  • Sublime Text 3 + LiveReload + Chrome
    安装LiveReload在SublimeText3中安装LiveReload。macOS快捷键⌘+⇧+P,输入InstallPackage,搜索LiveReload并回车安装。(W ... [详细]
  • 快速掌握Sublime Text3的使用方法,怎么汉化编辑器
    自动完成且反应快速的编辑器软件(关闭时是什么界面,打开时仍是什么界面,但需要手动保存文件,很经典)怎样将SublimeText3汉化:1、打开软件2、安装对应的插件即可,按ctrl ... [详细]
  • springMVC JRS303验证 ... [详细]
  • Microsoft即将发布WPF/E的CTP(Community Technology Preview)和SDK,标志着RIA(Rich Internet Application)技术的新里程碑。更多详情及下载链接请参见MSDN官方页面。 ... [详细]
  • 本文详细探讨了在使用 npm 安装 node-sass 时遇到的 postinstall 脚本错误问题,并提供了有效的解决方案。问题主要源于安装源的配置不当。 ... [详细]
  • 部署新的ASP.NET Web应用程序构建(主要涉及DLL文件更改)后,服务器上的CPU使用率每几秒就会飙升至100%,问题似乎源自lsass.exe进程。这一现象与应用程序部署之间是否存在直接关联? ... [详细]
  • 在使用 Rails new 创建新项目时遇到长时间无响应的问题,本文提供了解决方案和建议。 ... [详细]
  • 本文详细介绍了在 Sublime Text 中配置 Lua 编译环境的方法与实际操作步骤。首先,用户需获取 `lua.exe` 和 `luac.exe`,可通过安装 Lua for Windows 或 SciTE 实现,也可自行编译源代码。接着,将 `lua.exe` 的路径(如 C:\Program Files\Lua\)添加至系统环境变量中,确保命令行可全局调用。此外,文中还提供了配置 Sublime Text 构建系统的具体设置,帮助开发者高效调试 Lua 脚本。 ... [详细]
  • sublime php 方法,SublimePHPNinJaManual
    软件简介SublimePHPNinJaManual是Sublime中的函数手册提示,中文,其他语言的可以通过命令生成由来自己因为sublime中没有一个 ... [详细]
  • .babelrc是用来设置转码规则和插件的,这种文件在window上无法直接创建,也无法在HBuilder中创建,甚至无法查看,但可以在sublimetext中创建、查看并编辑。当 ... [详细]
  • Sublime Text通过快捷键在浏览器中预览文件
    2019独角兽企业重金招聘Python工程师标准首先说下,我的是SublimeText3,win10。ST有个插件ViewInBrowser可以在 ... [详细]
  • 官网http:www.sublimetext.com插件https:packagecontrol.io教程SublimeText全程指南SublimeText2入门及技巧Subli ... [详细]
  • 今天第一天系统学习前端知识。看了个视频,目前比较流行用的前端开发软件是sublime。于是,我就安装了。但是问题来了,我跟着视频里的操作,快速生成代码,结果发现,根本不听招呼。于是 ... [详细]
  • 配置 Sublime Text 2参数
    为什么80%的码农都做不了架构师?二、配置SublimeText2如有需要配置Sublimetext2,需要点击Preferences-Sett ... [详细]
author-avatar
梦梓丶_117
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有