nativeScript-emulator-reload

这个简单的 gulp 脚本会监控 NativeScript 项目的源文件，当文件发生变化时，它会重新构建并重新加载模拟器。如果您希望，它还会使用 Babel 将您的 ES6+ JS 编译成 ES5。

目前仅支持 iOS 模拟器。

安装

可以从 GitHub 下载

下载 package.json 和 gulpfile.js，并将其放入应用程序的根目录。然后运行

npm install

或者从 NPM 安装

cd /your/project/root
npm install nativescript-emulator-reload
mv node_modules/nativescript-emulator-reload/* .
rm -rf node_modules/nativescript-emulator-reload
npm install

运行

gulp

或者使用设备标志

gulp -d iPad-Retina

使用 gulp help 列出有效设备

ECMAScript 6 版本。

如果您想使用 ECMAScript 6，有一个 gulpfile（gulpfile.es6.js），它将使用 Babel 将您的 ES6+ 代码转换为 ES5 代码。

要使用此文件，将 gulpfile.js 重命名为 gulpfile.es5.js（或实际上是任何名称）并将 gulpfile.es6.js 重命名为 gulpfile.js。

gulp watch

ES6 Gulpscript 有自己的观点

您很可能需要编辑 gulpfile 中的设置。

默认设置假定以下文件结构

/app
	/src
		/shared
		/test
		/views	
	/tns_modules
	/App_Resources
	/...			

其中 src 的内容将在编译后移动到 /app。创建以下文件结构

/app
	/src
		/shared
		/test
		/views	
	/tns_modules
	/App_Resources
	/...
	/shared
	/test
	/views		

其中 app/{shared,test,views} 是 app/src/{shared,test,views} 的编译版本。这样，只有 ES6 文件将被编译（而不是像 tns_modules、node_modules 中的任何内容（如果您安装了 npm 包等））。

使用 Mocha 进行测试

Mocha 包含在您的测试乐趣中。

将您的测试放在 /src/test 并使用 gulp test 运行它们

使用 eslint 进行代码检查

eslint 包含在您的代码检查乐趣中。

通过运行 gulp lint 在 app/src 文件夹中检查代码。

如果您使用 ES6，您可能希望在项目根目录的 .eslintrc 中设置以下设置。 es6: true 将启用所有 ES6 功能 但 模块（由 "ecmaFeatures": { modules: true } 启用）。有关 配置 eslint 的更多信息。

{
    "env": {
    	"es6": true
    },
    "ecmaFeatures": { 
        modules: true 
    }
}