Hello, Indonesia
We are glad to join this camp to share our experience for you and not only tech but also exchange.
If you have any question, any suggest or any idea to implement, just write down on issues or just send email to us.
Terima kasih 謝謝 (xie xie)
Moko365 Inc. (Tapei, Taiwan)
- Jollen Chen ([email protected])
- Hank Wang ([email protected])
- create repository
- git clone
- git status
- git add files
- git commit -m "message"
Notice: Always pull/push after commit all tracking files.
-
git push (need network)
-
git pull (need network)
-
git checkout files
-
git diff
$ npm install -g jade
$ jade templateFolderName
$ jade template.jade
$ jade views/*.jade -o public/
** It's not working on Windows, so please use html2jade.aaron-powell.com instead.
-
$ npm install -g html2jade $ html2jade *.html $ html2jade *.html -o outFolder
- Why use meta languages such as Jade and SASS. It's because that this meta form is easy to maintain and to extend anything.
npm install -g sass
sass style.sass:style.css
sass --watch style.sass:style.css
Also you can watch a folder. For example, wath all sass files in sass folder and publish css into public/css folder.
sass --watch sass:public/css
```
$ sass-convert -F css -T sass public/css/wiki.css sass/wiki.sass
```
-
$ npm install -g bower$ bower init $ bower install bootstrap --save $ bower list $ bower uninstall bootstrap --save
Bower will install your packages on bower_components folder in default, so you need a config file to change default install folder.
.bowerrc
{
"directory": "public/vendor"
}
$ npm install -g express
$ express
Please run this command on your project folder like this:
C:\Users\Hank\myProjects\booklog-camp>
C:\Users\Hank\myProjects\booklog-camp> express
$ npm i
$ node app.js
- Startup Engineering on Cousera
- bootstrap & html5 overview on Mokoversity
- nodejs oveview on Mokoversity
- jQuery overview on Mokoversity
Jade will install by npm (include inside NodeJS) So we need:
- Install nodejs
Please visit nodejs website
http://nodejs.org
- Install jade
npm install jade --global
npm is a command line tool from NodeJS.
- Install Package Controller
-- 1.1 visit http://sublime.wbond.net/installation -- 1.2 Ctrl + ` -- 1.3 Copy and paste install command, press enter
- Install Emmet
-- 2.1 Ctrl + Shift + P -- 2.2 Type 'Package Control: Install Package' -- 2.3 Type 'Emmet' to find and install. -- 2.4 Restart Sublime after installed. -- 2.5 Happy Zen Coding!
- Save file first before you press Tab
- Check Sublime. Type 'syntax:html' at Sublime check box (Ctrl + Shift + P)
See also
- http://coding.smashingmagazine.com/2013/03/26/goodbye-zen-coding-hello-emmet/
- https://sublime.wbond.net/packages/Emmet
- https://sublime.wbond.net/installation
- jQuery
- Include jquery.min.js before include bootstrap.min.js
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
- SCSS is an extension of CSS and with @extend behavior
- SASS is meta language of CSS
- LESS is also an extension of CSS but without @extend behavior. LESS is able to include CSS files
- Disable SSL of npm
npm config set strict-ssl false
- Set npm registry to http:// instead of https://
npm config set registry "http://registry.npmjs.org"
- Install packages through proxy here, eg. Jade
npm --proxy http://10.14.211.120:8080 install -g jade
-
Install sass through proxy
gem install sass -p http://10.14.211.120:8080
- How to check your installation
sass -v
If you can't get this work on Windows, please set your ruby bin folder to your PATH environment variables
- Apa Khabar 你好 (ni hao)
- Terima kasih 謝謝 (xie xie)