Is there something like:
rails new AngularApp
So that It generates a template of directories and files with routes, config and views?
As #Matti suggested, Yeoman is one of the best Scaffolding tool for AngularJS. In your term, it the best auto-generator for AngularJS.
To Install Yeoman:
$ npm install -g yo
To generate code:
$ yo angular or simply $ yo
More details : Click Here
If you want to generate template for angular i.e angular 4 use angular cli
provide node is installed in your machine
npm install -g #angular/cli
to create new app
ng new yourAppName
cd yourAppName
ng server
hit the url localhost:4200
Related
Using vue cli I can get a simple starter template by the command
vue init webpack-simple
Do we have any similar starter template for angularjs 1.x?
There are a lot of angularjs starter templates, mostly given by the community.
You can use yeoman generators for "vainilla templates"
Run from the terminal:
npm install -g grunt-cli bower yo generator-karma generator-angular
mkdir my-awesome-project-name && cd my-awesome-project-name
yo angular
For webpack, I found this starter template or seeder https://github.com/preboot/angularjs-webpack
You can run this:
git clone https://github.com/preboot/angular-webpack.git my-awesome-app
cd my-awesome-app
rm -rf .git/
npm install && npm start
One simple option is using yeoman which is an scanfolding tool. The url is the following.
http://yeoman.io/generators/
hope it helps.
After installing packages via npm, such as:
$ npm install bootstrap
or
$ npm install angular
these are saved inside the "node_modules" by default.
How do you access them (link to them) from an html page?
You can't possibly do "href="/node_modules/", so what's the solution?
I imagine something like:
var angular = require("angular");
but I'm not sure.
Try to use bower, or yeoman.
bower - will simplify the process to include js libs
yeoman - will help you to build projects with the the libraries that you need.
I have started working on a new project in node js and I have generated the project using yeoman's angular fullstack generator. And now I would like to add a new bower dependency and a new node dependency. What is the best way to do this? Should I simply add the dependency in bower.json and package.json or should I run a specific command?
You don't need yeoman to install those dependancies for you. Instead, yeoman gives you an environment with everything set up to use tihngs like bower, npm, grunt etc. You can add additional dependencies like you normally would using npm or bower.
for bower (http://bower.io/) -
bower install -S <name-of-your-dependancy>
that command downloads the code for you, and it also adds a reference to it in your bower.json
similar for node (https://www.npmjs.com/) -
npm install -S <name-of-your-dependancy>
use npm packet manager, to install components, like if you want to install cordova, use:
npm install -g cordova
For installing AngularJs, follow the official site guide lines:
https://docs.angularjs.org/misc/started
Is there any difference between node commands npm install -g cordova ionic and npm install -g ionic.
Which command do I need to use to build a ionic project. The documentation given in ionic framework and npmjs are different.
First let's get the clarifications out of the way:
Cordova and ionic are names of packages that you install with the npm install command
The -g flag is used to install the packages globally and be available throughout the system.
Now, to answer your question: The documentation in npmjs for ionic assumes cordova is already installed and provides the command to install ionic-cli
If you try to run
ionic start myapp tabs
without having cordova installed only ionic it will throw a "Package missing" error.
The documentation in the ionicframework website mentions that the cordova package needs to be installed to use the ionic-cli successfully.
Why does ionic need cordova? Well because ionic-cli uses cordoba-cli, and when starting a new ionic project it first initialises a cordova project.
Therefore to start an ionic project, you need npm install -g ionic cordova and then ionic start myapp {templateName}
Hope everything is clear now!
I have installed AngularJS using bower, by calling:
$ bower install angular-latest
Now I wonder how to integrate AngularJS into my html file. Apparently, there is neither an angular[.min].js file nor an index.js file as suggested by the bower documentation.
I can't imagine that I am the first person on earth to discover this problem, but unfortunately I did not find any clues on this on Google (but perhaps I only used the wrong terms for searching).
Any idea of how to include AngularJS?
Okay, I found the solution:
$ bower install angular
And everything is fine ...
What you installed with
$ bower install angular-latest
was only the latest source code. You need to actually build AngularJS.
First, you need to install all of the following dependencies if you haven't already:
Git
Node.js
Java
Grunt
Bower
Second, change into the angular.js directory.
Then, install node.js dependencies and bower components:
$ npm install
$ bower install
Finally, you're ready to build your package:
$ grunt package
In the resulting build directory, you'll find
angular.js — The non-minified angular script
angular.min.js — The minified angular script