我怎样才能得到玉模板在Visual Studio中自动编译保存操作？

任何人都可以发布一些基本的步骤，如何获得* .html文件编译为* .jade文件在Visual Studio中的文件更改/保存操作？

我已经安装了nodetools，web essentials。 语法突出显示似乎工作，但创build一个.jade文件什么都不做。 我认为在某个地方有一个缺失的步骤。

我需要使用grunt-contrib-jade这样的任务吗？

Answer 1

Visual Studio 2015：摆弄了很多，我的答案如下：

1. 安装节点
2. 为Visual Studio安装NodeTools
3. 运行：npm install jade（安装jade）
4. 运行：npm install -g grunt-cli（安装grunt）
5. 运行：npm install bower
6. 创build下面的package.json文件

Package.json：如下

{ "name": "myapp", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.5", "grunt-contrib-uglify": "~0.5.0", "grunt-contrib-jade": "0.15.0", "grunt-contrib-watch": "0.6.1" } } 

7）创build下面的grunt.js文件

 module.exports = function (grunt) { // Project configuration. grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), jade: { compile: { options: { data: { debug: true, timestamp: "<%= new Date().getTime() %>" } }, files: [{ expand: true, src: '**/*.jade', ext : '.html' }] } }, uglify: { options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' }, build: { src: 'Scripts/bootstrap.js', dest: 'Scripts/build/bootstrap.min.js' } }, watch: { jade: { files: '**/*.jade', tasks: ['jade:watch'], options: { spawn: false } } } }); grunt.event.on('watch', function (action, filepath) { if (filepath.indexOf('.jade') === -1) return; var file = {}; var destfile = filepath.replace('.jade', '.html'); file[destfile] = filepath grunt.config('jade.watch.files', file); }); grunt.loadNpmTasks('grunt-contrib-watch'); // Load the plugin that provides the "uglify" task. grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-jade'); // Default task(s). grunt.registerTask('default', ['uglify']); }; 

打开任务资源pipe理器，然后确保您添加/绑定任务“看”项目打开。