generator-konode

Yeoman generator

Usage no npm install needed!

<script type="module">
  import generatorKonode from 'https://cdn.skypack.dev/generator-konode';
</script>

README

generator-konode

Knockout.js and Node.js(express) template for Yeoman Generator.

this template is for Simple Page Application.

built-in

・jquery

・bootstrap

・knockout

Preparation

Install Node.js

https://nodejs.org/

Install git client

for Windows

https://msysgit.github.io/

for Mac

http://sourceforge.net/projects/git-osx-installer/

Install bower, grunt, yeoman

for Windows

npm install -g node-dev bower grunt-cli yo

for Mac

sudo npm install -g node-dev bower grunt-cli yo
sudo git config --global url."https://".insteadOf git://

Install generator

for Windows

npm install -g generator-konode

for Mac

sudo npm install -g generator-konode

Create New Project

for Windows

if you wanto to create new Project, path(C:\project\test)

mkdir C:\project\test
cd C:\project\test
yo konode

for Mac

if you wanto to create new Project, path(/Users/user/project)

mkdir -p /Users/user/project
cd /Users/user/project
yo konode

Start Node

node-dev app.js

Access App

http://[hostname]:3000

Development

Implement these files

Client Side

public/src/index.html
public/src/assets/js/script.ts

Server Side

app.ts

Manual Compile Typescript

grunt compile

Auto Compile Typescript on File Edited

grunt watch

Add Library

bower install [package-name] --save
copy [css file to public/src/assets/css/] or [js file to public/src/assets/js/] //manually step
grunt addlib