ckgrafico / cordova-multiplatform-template Goto Github PK

https://github.com/typings/typings

http://www.microsoftinsider.es/69471/microsoft-muestra-unas-pinceladas-de-la-interfaz-de-usuario-de-windows-10-para-smartphones/

Hi, I was playing with this and trying to create the latest build of the template locally. I have tried Visual Studio 2015 RC and Visual Studio 2012 and download Visual Studio RC 2015 SDK and Visual Studio 2012 SDK.

I load Visual Studio Template.sln, but it tells me the project is unsupported. Any ideas on what I need installed? Thanks.

Microsoft did some changes... https://github.com/Microsoft/cordova-docs/blob/master/getting-started/tutorial-typescript.md

when I run "ionic serve," the screen goes blank saying that has multiple missing files.

Create the VS template as always

I have downloaded the template how do I install it and run using ionic serve in ionic1

Hi,
I follow the command line installation process on Windows10 (in powershell) and at the step "gulp watch" or "gulp", I have the error in the title for all occurrences of angular, ng or ionic in the app.ts file and in the modules files.
I can't solve this issue, thank you for your help.

I've downloaded and tried to run with "Cordova run" command.
but I get only blank white screen. could anyone help to find the issue?

note: I've installed node.js, cordova & ionic.

I have following configuration:

• Visual Studio 2015 (Community Edition) with Cordova tools checked during installation of VS.
• Node.js installed: version 5.1
• Node.js tools 1.1 for Visual Studio 2015
• npm version: 3.4.0
• bower version: 1.6.5
• Cordova version: 5.4.0
• Ionic version: 1.7.10

And I have also tried to clear cordova cache from cordova tools but have no success.

Error: The edge module has not been pre-compiled for node.js version v5.1.0. You must build a custom version of edge.node. Please refer to https://github.com/tjanczuk/edge for building instructions.

also got error of npm install failed with exit code 1 during build process.

And after running the dependency checker got issue with the Joyent Node.js missing rather I have a latest version of node.js

Thank you for your template, seems nice!

Though when I run it in Android just get a white screen!

cordova run android --device

I did as you said

npm install 
gulp initialize 
gulp watch 
cordova build android

I already updated all my npm packages

And btw, I don't know if related, but when I do gulp watch I get some typescript errors

[01:18:58] Using gulpfile /home/jfolpf/formParkingViolation/formParkingViolationV2/gulpfile.js
[01:18:58] Starting 'watch'...
[01:18:58] Starting 'default'...
[01:18:58] Starting 'default:clean'...
[01:18:58] Finished 'default' after 40 ms
[01:18:58] Finished 'watch' after 57 ms
[01:18:58] Finished 'default:clean' after 69 ms
[01:18:58] Starting 'default:html'...
[01:18:58] Finished 'default:html' after 57 ms
[01:18:58] Starting 'default:scss'...
[01:18:59] Finished 'default:scss' after 992 ms
[01:18:59] Starting 'default:ts'...
typings/globals/node/index.d.ts(40,5): error TS1131: Property or signature expected.
typings/globals/node/index.d.ts(40,14): error TS1005: ';' expected.
typings/globals/node/index.d.ts(41,1): error TS1128: Declaration or statement expected.
typings/globals/node/index.d.ts(82,26): error TS1110: Type expected.
typings/globals/node/index.d.ts(285,40): error TS1110: Type expected.
typings/globals/node/index.d.ts(1846,37): error TS1110: Type expected.
typings/globals/node/index.d.ts(1863,18): error TS1005: '=' expected.
typings/globals/node/index.d.ts(1863,24): error TS1005: ';' expected.
typings/globals/node/index.d.ts(1869,18): error TS1005: '=' expected.
typings/globals/node/index.d.ts(1869,30): error TS1005: ';' expected.
typings/globals/node/index.d.ts(4052,33): error TS1110: Type expected.
[01:19:00] TypeScript: 11 syntax errors
[01:19:00] TypeScript: emit failed
[01:19:00] Finished 'default:ts' after 1.09 s
[01:19:00] Starting 'default:inject'...
[01:19:00] gulp-inject 2 files into index.html.
[01:19:00] Finished 'default:inject' after 19 ms

I'm using Win10 tech preview with VS Community 2015 RC and Node.js Tools 1.1 Beta. Installed this template from VS gallery, updated it tonight with the latest version.

Thanks for fixing the readme.

I had to run initialize twice. First run errors on a lock file. Not big deal, so I didn't look at fixing it.

When trying to run the app though, using the defaults of Android in Ripple, it crashes.

It seems to be because of a missing main.css, which tells me something is going wrong with default.scss.

If I run that command I see the problem is a missing file, so the following needs to be commented main.scss, (or you need to add a custom file):
//@import "themes/custom";

FWIW, I also changed up the gulpfile.js to look like this:
// Tasks
gulp.task('initialize', ['initialize:bower', 'default']);
gulp.task('default', ['default:scss', 'default:inject']);

Thanks for the template.
Ash

After some months thinking I prefer to create a new version with
Angular 1.5 with components
Webpack

I participate in two projects with angular 2 and I continue thinking that is not prepared for production purposes.

Hi, very good template!

I am new to hybrid apps, I want to know if the template can still be used in 2019 or if it is outdated

Create a gulp task for icons generation

Improve refactoring the code structure

• TypeScript
• TypeScript merges
• SCSS
• HTML
• Gulp
• Remove inject
• Solve the new url templates bug
• Add ionic 1.1.0
• Improve Back Button support http://ionicframework.com/docs/api/service/$ionicPlatform/
• Improve Swipe controls (WP and Android)
• Loading service
• Clean gitignore
• Update template
• TACO

En la incidencia anterior que creé al respecto después de que la marcaras como cerrada puse este comentario que creo que no has visto:

Creo que ya he encontrado el problema. En el fichero actions.html sobra la clase button-calm:

<ion-view view-title="Actions">
    <ion-nav-buttons side="right">
        <button class="button button-clear BUTTON-CALM icon icon-only ion-ionic" ng-click="vm.exampleAction()"></button>
    </ion-nav-buttons>
...

Con ese cambio ya me funciona bien en todos los entornos. Pero me quedo con tres dudas:

1. ¿Por qué en el emulador de Android se veía bien?
2. ¿Por qué a ti se te ve bien en el simulador Ripple con Android?
3. ¿Qué branch está subida a la Visual Studio Gallery?

Hi Quique,

This template doesn't building in Visual Studio 2015, see please the following link
http://screencast.com/t/enA0kqOL

PD: Exist any template without Typescript?

Thanks in advance, Nicholls

Output:

1>------ Build started: Project: App, Configuration: Debug Windows-x86 ------
1>  Your environment has been set up for using Node.js 0.12.7 (x64) and npm.
1>  ------ Ensuring correct global installation of package from source package directory: C:\PROGRAM FILES (X86)\MICROSOFT VISUAL STUDIO 14.0\COMMON7\IDE\EXTENSIONS\APACHECORDOVATOOLS\packages\vs-tac
1>  ------ Name from source package.json: vs-tac
1>  ------ Version from source package.json: 1.0.16
1>  ------ Package already installed globally at correct version.
1>  ------ Cordova tools 5.1.1 already installed.
1>  ------ Build Settings:
1>  ------ Build Settings:
1>  ------    platformConfigurationBldDir: C:\Apps\Windows\CordovaMultiplatformTemplate2\CordovaMultiplatformTemplate2\App\bld\Windows-x86\Debug
1>  ------    platformConfigurationBinDir: C:\Apps\Windows\CordovaMultiplatformTemplate2\CordovaMultiplatformTemplate2\App\bin\Windows-x86\Debug
1>  ------    buildCommand: build
1>  ------    platform: Windows-x86
1>  ------    cordovaPlatform: windows
1>  ------    configuration: Debug
1>  ------    cordovaConfiguration: Debug
1>  ------    projectName: App
1>  ------    projectSourceDir: C:\Apps\Windows\CordovaMultiplatformTemplate2\CordovaMultiplatformTemplate2\App
1>  ------    npmInstallDir: C:\Users\juan.nicholls\AppData\Roaming\npm
1>  ------    language: en-US
.........
1>  ------ Platform windows already exists
1>  ------ Updating plugins
1>  ------ Currently installed plugins:
1>  ------ Currently installed dependent plugins:
1>  ------ Currently configured plugins:
1>  ------ Preparing platform: windows
1>  Generating config.xml from defaults for platform "windows"
1>  Calling plugman.prepare for platform "windows"
1>  Preparing windows project
1>  Processing configuration changes for plugins.
1>  Iterating over installed plugins: []
1>  Writing out cordova_plugins.js...
1>  The following image is skipped due to unsupported size: res/icons/windows/Square310x310Logo.scale-100.png
1>  ------ Copied C:\Apps\Windows\CordovaMultiplatformTemplate2\CordovaMultiplatformTemplate2\App\bin\Windows-x86\Debug\Microsoft.AppxPackage.Metadata.Overrides.props to platforms\windows\Microsoft.AppxPackage.Metadata.Overrides.props
1>  ------ Building platform: windows
1>  Debug
1>  ------ Build configuration options: --debug
1>  Running command: cmd "/s /c "C:\Apps\Windows\CordovaMultiplatformTemplate2\CordovaMultiplatformTemplate2\App\platforms\windows\cordova\build.bat --debug --archs=x86 --win""
1>MDAVSCLI : error : MSBuild tools not found
1>  Command finished with error code 2: cmd /s /c "C:\Apps\Windows\CordovaMultiplatformTemplate2\CordovaMultiplatformTemplate2\App\platforms\windows\cordova\build.bat --debug --archs=x86 --win"
1>ERROR building one of the platforms : error : cmd: Command failed with exit code 2
1>  You may not have the required environment or OS to build this project
1>MDAVSCLI : error : cmd: Command failed with exit code 2
========== Build: 0 succeeded, 1 failed, 0 up-to-date, 0 skipped ==========
========== Deploy: 0 succeeded, 0 failed, 0 skipped ==========

Al desplegar en Windows 10 da el siguiente error:

JavaScript runtime error: [ng:btstrpd] App Already Bootstrapped with this Element

Para arreglarlo he quitado esta línea en index.html porque ya está dentro de inject.js:

<!-- Code -->
<script src="scripts/appbundle.js"></script>

En Ripple funciona independientemente de que esté esa línea repetida.

Is it compatible with vs2017 I can't seem to install ?
Thks

I get a dialog box with the following

Title: Microsoft Visual Studio

Content: A problem was encountered creating the sub project 'Tasks'. The template specified cannot be found. Please check that the full path is correct.

Hi,
I downloaded Visual studio on a MAC. I am curious if your plugin can help me achieve continous integration such as we see in this blog!

https://blogs.msdn.microsoft.com/mvpawardprogram/2015/10/27/continuous-integration-with-ionic-framework-using-visual-studio-online-from-check-in-to-device/

Thanks!

All the apps will have translations by default

Propably based on https://github.com/CKGrafico/Angular1.5-Sample-Project we have to create all the components

All the services have to be tested
Not e2e tests

Javascript code is not updating on the fly when made changes into TS code

step to reproduce

• run gulp watch commands on cmd
• modified ts files
• observe app.js
  It's not updating on the fly .

Improve gulp build task

¿Qué os aparece añadir bower como gestor de las dependencias externas?

Error en los ficheros typescript diciendo que no se encuentra el nombre Angular ni el espacio de nombres ng

I have suggestion on typescript source code structure,It should have all TS and typing source code into one script folder so it will easily readable/understand.
e.g.

• scripts
  • typings
  • modules
  • other folder

To that effect, need to update gulp tasks accordingly.

¡Saludos desde La Florida y gracias por compartir tu proyecto! I'm new to Apache Cordova (not so much to node/npm though) and your project was the first project that I tried out. Like some others, I had issues with namespaces and the missing plugin and to get things to run, I did this in the APP (root) directory of the project:

cordova plugin add cordova-plugin-device
cordova plugin add cordova-plugin-console

npm install -g tsd

After this, I no longer get any missing name/namespace warnings and my cordova_plugins.js file is present.

Add ng-cordova

Improve and update readme with html (better to VS)

Example:

gulp.task('build:angular', function () {
  return gulp.src('../app/index.html')
  .pipe(inject(
    gulp.src(['../app/app.js', '../app/components/**/*.js'])
    .pipe(concat('app.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('../app/')),
  ))
    .pipe(gulp.dest('../app'))

});

No aparece en Ripple el botón de acción de la página Actions. En Windows 10 y Windows Phone sí aparece y funciona correctamente al pulsarlo.

I went to the FAQ and the first link to http://buli.waw.pl/update-node-js-integrated-with-visual-studio-2015 is now dead.

I added the template to a new Visual Studio project, waited for auto npm installation. Then I opened the Task Runner Explorer - gulp: initialise ran.
Now when I run a Build I get an error in the Task Runner Explorer:

Starting 'default:scss'...
C:...\lazy-result.js:152
this.processing = new Promise(function (resolve, reject) {
^
ReferenceError: Promise is not defined

I also have the Ionic CLI installed, so in command window, I tried gulp
I got a different error :

The libsass binding was not found in C:...\node_modules\node-sass\vendor\win32-x64-46\binding.node
This usually happens because your node version has changed.
Run npm rebuild node-sass to build the binding for your current node version.

So I did that, then ionic serve - and the app appears to run.

Back to Visual Studio - same error (Promise is not defined). Tried cleaning and re-building, no success

Fix template to be compatible with this version of VS

Instead of gulp and bower we will use webpack and npm scripts to make it as simple as possible.

Using http://blog.ckgrafico.com/tomando-decisiones-estructurar-los-componentes-css/ add new sass structure for the project

Here I will comment some things about the future of the template.
I will create a specific branch for 1.0 and I will continue with 2.0 supporting to Ionic 2.0 and Angular 2.0.
This won't be an immediate thing, but I will support.

Many js and css files are missing.