3

我安装了包SASS和SCSS。SCSS 提供语法高亮，而 SASS 提供我需要的 scss 构建系统。我的问题是，如果构建设置为自动，如果我按 ctrl+b，它不会构建 scss 文件，所以我必须总是返回并重新选择该选项。有没有办法让构建系统成为 scss 的自动构建系统？

4

1 回答 1

3

使用构建系统设置它并使用 F7 启动： http ://readthedocs.org/docs/sublime-text-unofficial-documentation/en/latest/file_processing/build_systems.html?highlight=build有关设置的更多信息向上。

更新的答案

复制以下内容：

{
  "cmd": ["sass", "--update", "$file:${file_path}/${file_base_name}.css", "--stop-on-error", "--no-cache"],
  "selector": "source.sass, source.scss",
  "line_regex": "Line ([0-9]+):",
  "osx":
  {
    "path": "/usr/local/bin:$PATH"
  },

  "windows":
  {
    "shell": "true"
  }

}

在 Sublime Text 中，转到 Tools > Build System > New Build System > Paste 给它一个名字。答对了。

更简单的方法

Sublime 中的 SASS 支持

添加对几乎所有内容的支持。

最简单的方法

不需要的时候为什么要DIY。

每次保存时都想在打开的浏览器中更新网站吗？

  1. 一般来说，必须安装 Ruby Git 和 Python。

  2. 安装 Node.js。(win) 从主站点下载的 .msi 运行良好，包括 npm 现在您可以访问“gem”和“npm”包管理器。现在事情变得容易了，尽管我不妨长篇大论地写出来。

  3. 罗盘：

    gem update --system gem install compass // 现在可以使用此命令构建基于 sass 的项目 compass create myFirstWebsite // ..installs in "/myFirstWebsite"..

  4. 安装 Grunt 客户端（全局标志）

    npm install grunt-cli -g

现在可以访问丰富的 Grunt 自动化软件包，即：

npm grunt-contrib-jshint --save-dev

“dev”标记 - 仅适用于您的本地项目（当前和子文件夹），在 package.json 中列为“devDependency”，这意味着它不会与您的项目打包在发行版/产品版本中

  1. 是时候做一些简单的真棒了……约曼

    npm 安装哟 -g

安装 yeoman（yo 命令）一堆其他必需品和 Bower - twitter 对 Node / Gem 等的响应 Bower 负责包依赖项。

和真棒？

// make a new folder. cd into it, and type:
yo webapp

// There are multiple 'generators' you can install with yo.
// webapp is the one most suitable for front-end dev / web app building

// other things you might want before you start.. maybe underscore:
bower install underscore
// adds '_' to the set-up as a dependency

// These commands will brighten your day:
grunt test      
// comprehensive testing of app
grunt server    
// This part you'll love! Starts server and launches app in browser
// - includes live-refreshing... save a file, and all required builds etc
// are preformed (damn fast) and automatically refreshes browser.
// Yup, 'grunt server' = project-wide equiv to 'compass watch'
grunt
// Build application for deploy. Not only do you get minification and concatenation;
// also optimize all your image files, HTML, compile your CoffeeScript and Compass files, 
// if you're using AMD, will pass those modules through r.js so you don't have to.
于 2012-04-30T05:33:39.713 回答