离子打字稿安装ubuntu答案

【问题标题】：ionic typescript installation ubuntu离子打字稿安装ubuntu
【发布时间】：2015-12-16 17:34:23
【问题描述】：

我安装了 ionic 和 cordova。我创建了离子项目

离子启动 myapp 空白

我在我的项目中添加了 gulp-tsc

npm install gulp-tsc

我在 ionic 项目的根目录下编辑了 gulpfile.js：

var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');
var typescript = require('gulp-tsc');

var paths = {
  sass: ['./scss/**/*.scss']
  typescript: ['./www/scripts/**/*.ts']
};

gulp.task('default', ['sass', 'compile']);

function compileTypeScript(done) {
	gulp.src(paths.typescript)
	.pipe(typescript({ sourcemap: true, out: 'tslib.js', sourceRoot: '../scripts' }))
	.pipe(gulp.dest('./www/js/'))
	.on('end', done);
}

gulp.task('compile', compileTypeScript);

gulp.task('sass', function(done) {
  gulp.src('./scss/ionic.app.scss')
    .pipe(sass({
      errLogToConsole: true
    }))
    .pipe(gulp.dest('./www/css/'))
    .pipe(minifyCss({
      keepSpecialComments: 0
    }))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('./www/css/'))
    .on('end', done);
});

gulp.task('watch', function() {
  compileTypeScript();
  gulp.watch(paths.sass, ['sass']);
  gulp.watch(paths.typescript, ['compile']);
});

gulp.task('install', ['git-check'], function() {
  return bower.commands.install()
    .on('log', function(data) {
      gutil.log('bower', gutil.colors.cyan(data.id), data.message);
    });
});

gulp.task('git-check', function(done) {
  if (!sh.which('git')) {
    console.log(
      '  ' + gutil.colors.red('Git is not installed.'),
      '\n  Git, the version control system, is required to download Ionic.',
      '\n  Download git here:', gutil.colors.cyan('http://git-scm.com/downloads') + '.',
      '\n  Once git is installed, run \'' + gutil.colors.cyan('gulp install') + '\' again.'
    );
    process.exit(1);
  }
  done();
});

我在 www/scripts 文件夹（一个类）上添加了一个简单的 ts 文件，当我运行 ionic serve 时，没有生成 tslib.js。我没有任何错误。我错过了什么从 ts 文件生成 js 文件？

谢谢。

【问题讨论】：

标签： installation typescript ionic

【解决方案1】：

你可以试试这个例子：https://github.com/anchann/angularjs-typescript-e2e。

您必须运行一个单独的 grunt 任务来监视您的 .ts 文件并将它们编译到 tslib.js 中。

【讨论】：

【解决方案2】：

有时依赖项不会安装在相同的位置，会发生什么情况，当您安装 ionic 时，typescript 会自动安装为依赖项，我建议你运行这个命令来手动安装 typescript 依赖。

sudo npm install -g typescript

【讨论】：

最好包含一些问题描述，而不是仅仅粘贴命令。