connectiq-build

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #machine-learning #java #windows #kubernetes #vue #awesome-list #pytorch #mcp #openai #open-source

connectiq-build

(★ 24)

Connect IQ | Garmin Code Builder: Build script for building and deploying ConnectIQ apps from Visual Studio Code. Can be adapted for other IDE's

connectiq-build 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Connect IQ | Garmin Code Builder
####Build script for building and deploying ConnectIQ apps from [Visual Studio Code](https://code.visualstudio.com/). 
######Can be adapted for other IDE's also

## I was tired of using Eclipse to build my ConnectIQ apps
I decided to experiment a bit. 
~~Naming the extensions of the .mc files to .cs fools the IDE into thinking the file is a C# file (would work with .java as well) See [what I mean here](example app layout/src/source/WatchApp.mc.cs) it hilights on github too.~~
I was able to locate the plugin (*C:\Users\{{your computer user}}\AppData\Local\Code\app-0.1.0\resources\app\plugins*) directory for Visual Studio Code and copy the C# plugin to create a new [Monkey plugin](plugins/vs.language.monkey) and add .mc and .md so now I have the beginings of native support without the need to rename.
Next I wanted to build and deploy from within [Visual Studio Code](https://code.visualstudio.com/) so I went about looking for a way.
The debugging section will serve my purposes nicely as it will allow execution of a nodejs script and node has nice io functions.

The following is a new project structure, a sample app, and 2 methods of building. 
- Deploy to your device.
- Launch in simulator.

### Show and Tell
####*Feature Animation*
<img src="./screenshots/anim.gif" width="750" />
####*Viewing ConnectIQ files along side images*
<img src="./screenshots/img_md.png" width="750" />
####*Viewing ConnectIQ files along side javascript files*
<img src="./screenshots/md_js.png" width="750" />
####*XML hilighting*
<img src="./screenshots/xml.png" width="750" />
####*Build steps*
<img src="./screenshots/steps.png" width="750" />
####*Config section of build script*
<img src="./screenshots/config.png" width="750" />
####*Debugging the deployment/simulator/build*
<img src="./screenshots/debug_deploy.png" width="750" />
####*With GIT support*
<img src="./screenshots/git.png" width="750" />
####*Console output*
<img src="./screenshots/console.png" width="750" />

# Instructions
First off, drop the plugin into:
```
C:\Users\[YOUR USER]\AppData\Local\Code\app-0.1.0\resources\app\plugins\
```

The build.js file along with the package.json file needs to live in *["your project folder/build/"](example app layout/build)*

```
Navigate to "your project folder/build/" and do an npm install
```

Your watch app needs to live in *["your project folder/src/"](example app layout/src)*

To see this in action:
- Load up this entire repo inside Visual Studio Code via the *"Open folder"* menu option.
- Navigate to the debug menu on the left bottom of the toolbar.
- Select either deploy or simulator from the debug selector at the top.
- Click the green play button.

Execution will stop at the top of your build script.

- You can either step through the steps from *[here](build.js#L1)*
- or
- Add a breakpoint *[here](build.js#L94)* and hit play to run through to completion.

This breakpoint will allow you to view the console window and the results of the build.

###Note:
There is no intellisense yet, but I'm sure that's coming soon. I might try to adapt this to sublime and add code completion.

connectiq-build

connectiq-build 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

connectiq-build

connectiq-build 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README