build - 将指定的构建系统设置为 sublime text 2 上文件类型的默认值

Question

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

Answer 1

使用构建系统进行设置并使用 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给它起个名字。宾果。

更简单的方法

SASS Support in Sublime

Adding Support for near everything.

最简单的方法

为什么不需要 DIY。

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

1. 通常必须安装 Ruby Git 和 Python。

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

3. 指南针:

   gem 更新--系统 gem 安装指南针//现在可以使用此命令构建基于 sass 的项目指南针创建我的第一个网站//..安装在“/myFirstWebsite”..

4. 安装 Grunt 客户端(全局标志)

   npm 安装 grunt-cli -g

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

npm grunt-contrib-jshint --save-dev

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

1. 是时候做一些简单的很棒的事情了...... Yeoman

   npm 安装 yo -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.