How to start meteor develpment

[Mobile version(QRCode)] Total views:49,885 / Applauds for blog:1
Welcome to my page. I am an adminisrator of this site.
If you are this db's user, please contact with me by private mail. If not, please contact with me by email or twitter or facebook
Access record[Graph / PV Info.(Past 1 day / Past 1 week) / Access from outside (Yesterday / Past 1 week) / Vistors's list]
ProfilePmail(Mail)
Inbox   /Send   /Sent
Reviews(List   /Limit)
Poll   /Agree:Got   /Sent
Fan
Works/Music
Blog
[Write]
Links
My Play List
<=Newer article2016/10/31 Sunday in SG
=>Older article2016/10/11 How to use Xamarin

1.
2016/10/19 "Meteor > How to start meteor develpment"
[Show only this article / Modify / Delete / Send trackback / Add to the shared category]

1. Try and see how meteor work
  1. Todo appli
2. Study
3. .gitignore
4. Files preparation
  1. Initiate project by command
  2. Initiate project by hand
  3. How to run it
    1. Web
    2. Android
    3. iOS
    4. iOS desktop
  4. How to deploy

1. Try and see how meteor work


  1. Todo appli

git clone https://github.com/meteor/todos.git;
cd todo;
meteor npm install;

# run on browser / Confirm at http://localhost:3000/
meteor;

# run on ios / You have to install Xcode beforehand
meteor run ios;

# run on android / You have to install Android Studio and Java beforehand
meteor run android;
2. Study

https://guide.meteor.com/
3. .gitignore

Proper setting will be done automatically, so you don't have to care about the local files which will be created when you make the program run.
4. Files preparation


  1. Initiate project by command

meteor update;

# example value
PJ=stopwatch;

meteor create $PJ;

# Modules to be added
meteor add meteorhacks:flow-layout;
meteor add kadira:flow-router;
meteor add mrt:bootstrap-3;
meteor add okgrow:analytics;
meteor npm install --save babel-runtime;
## For log in
meteor add accounts-ui accounts-password accounts-google accounts-facebook accounts-twitter;

#client and server folders already exist
cd $PJ;
mkdir -p both/accounts;
mkdir -p both/collections;
mkdir -p both/router;
mkdir -p client/helper;
mkdir -p client/stylesheets;
mkdir -p client/templates/category;
mkdir -p client/templates/home;
mkdir -p client/templates/header;
mkdir -p client/templates/layout;
mkdir -p client/templates/sidebar;
mkdir -p client/templates/$PJ;
mkdir -p public/images;
mkdir -p servers/methods;
mkdir -p servers/permissions;
mkdir -p servers/publications;

echo '<template name="'$PJ'">'$PJ'</template>' > client/templates/$PJ/$PJ.html;
echo '<template name="header">header</template>' > client/templates/header/header.html;
echo '<template name="home">home</template>' > client/templates/home/home.html;
echo '<template name="layout">layout</template>' > client/templates/layout/layout.html;
echo '<template name="sidebar">sidebar</template>' > client/templates/sidebar/sidebar.html;
  2. Initiate project by hand

.meteor/packages
meteor-base@1.0.4 # Packages every Meteor app needs to have
mobile-experience@1.0.4 # Packages for a great mobile UX
mongo@1.1.12_1 # The database Meteor supports right now
blaze-html-templates@1.0.4 # Compile .html files into Meteor Blaze views
reactive-var@1.0.10 # Reactive variable for tracker
jquery@1.11.9 # Helpful client-side library
tracker@1.1.0 # Meteor's client-side reactive programming library

standard-minifier-css@1.2.0_1 # CSS minifier run for production mode
standard-minifier-js@1.2.0_1 # JS minifier run for production mode
es5-shim@4.6.14_1 # ECMAScript 5 compatibility for older browsers.
ecmascript@0.5.8_1 # Enable ECMAScript2015+ syntax in app code
shell-server@0.2.1 # Server-side component of the `meteor shell` command

autopublish@1.0.7 # Publish all data to the clients (for prototyping)
insecure@1.0.7 # Allow all DB writes from clients (for prototyping)

meteorhacks:flow-layout #https://atmospherejs.com/meteorhacks/flow-layout
kadira:flow-router #https://atmospherejs.com/kadira/flow-router

  3. How to run it


    1. Web

meteor
    2. Android

meteor install-sdk android;
meteor add-platform android;

# Runs the app on the Android emulator
meteor run android;

# Runs the app on a connected Android device
meteor run android-device;
    3. iOS

meteor install-sdk ios
meteor add-platform ios
meteor run ios

# Opens Xcode, where you can run the app on a connected iOS device or simulator
meteor run ios-device;
    4. iOS desktop

Investigating...
  4. How to deploy

https://github.com/kadirahq/meteor-up
npm install -g mup

Add comment to this article


[Read other articles]
<=Newer article2016/10/31 Sunday in SG
=>Older article2016/10/11 How to use Xamarin


Articles categorized as "Meteor by this user"
All articles of this user
Subscribe to RSS
RSS
Display Style of blog
List/Mobile(QRCode)
Term
Category
All
1.Japan
2.Atlassian's products
3.Self
4.Development of this site
5.Japanese comics
6.Japanese anime
7.Weekly hot news of Japanese culture
8.OP/ED/PV
9.Japanese game
10.Ranking
11.Japanese Comics (Manga)
12.Search Engine
13.Japanese drama
14.Japanese otaku culture
15.Programming
16.Ineternet world
17.Movie
18.C/C++
19.BerkeleyDB
20.Apache programming
21.Spam
22.Meteor
23.Marketing
24.Python
25.Scrum
26.JIRA
27.Git
28.CI
29.Jenkins
30.AWS
31.Operation
32.Singapore
33.Cloud
34.Mysql Cluster
35.DevOps
36.Bitbucket
37.Xamarin
38.Good and new
39.Monitoring
40.node.js
Sayings from S-Cry-Ed

Rule in this world is speed. Even stupid person can write cool novel if he can spend 20 years for it.

If someone helped me, I will help him in return, which is my rule.

To become stronger, consider what is cowardliest thinking. And rebel against the thinking, which will make you stronger.



I am Japanese but working for some English sites.

Doctor Job Career
Nurse Job Career
Top Page top MetaSeachJP Works