mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-2679] Reviewed tutorials (#3254)
* [ADF_2679] Reviewed tutorial text * [ADF-2679] Reviewed tutorials * [ADF-2679] Fixed glitches in index page
This commit is contained in:
committed by
Eugenio Romano
parent
ebfc40b1c8
commit
8037d4c76c
@@ -1,50 +1,63 @@
|
||||
---
|
||||
Level: Beginner
|
||||
---
|
||||
## Preparing the development environment
|
||||
In this content is shared all the prerequisites valid for all the tutorials and descriptions of the entire documentation. This content contains the development environment description, along with the details of the suggested versions for each tools, library or module.
|
||||
|
||||
# Preparing the development environment
|
||||
|
||||
This tutorial explains how to get set up to use ADF so you can tackle the other tutorials. It covers the basic development environment with suggested versions for each tool, library and module.
|
||||
|
||||
## Node.js
|
||||
|
||||
[Node.js](https://nodejs.org) is a JavaScript runtime built using an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js uses [npm](https://www.npmjs.com/) as public registry and a package system.
|
||||
[Node.js](https://nodejs.org) is a JavaScript runtime built using an event-driven, non-blocking I/O model
|
||||
that makes it lightweight and efficient. Node.js uses [npm](https://www.npmjs.com/) as its public registry
|
||||
and package system.
|
||||
|
||||
You need the latest `node.js` of either the `8.x` or `9.x` branch.
|
||||
To check the version, run the following command in a terminal.
|
||||
You need the latest `node.js` from either the `8.x` or `9.x` branch.
|
||||
If you already have it installed then you can check the version with the following command in a terminal:
|
||||
|
||||
node -v
|
||||
|
||||
## Angular CLI
|
||||
|
||||
The [Angular CLI](https://cli.angular.io/) is a tool to initialise, develop, scaffold and maintain [Angular](https://angular.io/) applications
|
||||
[Angular CLI](https://cli.angular.io/) is a tool to initialize, develop, scaffold and maintain [Angular](https://angular.io/) applications, including ADF applications.
|
||||
|
||||
Earlier and later versions have issues around `@angular/devkit-core`. 1.6.6 seem to be the stable choice currently.
|
||||
Version 1.6.6 or Angular CLI seems to be the best choice currently, since earlier and later versions have
|
||||
issues with `@angular/devkit-core`.
|
||||
|
||||
If you already have `Angular CLI` installed check the version by running:
|
||||
If you already have `Angular CLI` installed then you can check the version by running:
|
||||
|
||||
ng --version
|
||||
|
||||
To globally install `Angular CLI` version globally 1.6.6 run:
|
||||
To install `Angular CLI` version 1.6.6 globally, run the following command:
|
||||
|
||||
sudo npm install -g @angular/cli@1.6.6
|
||||
|
||||
## Code Editor
|
||||
|
||||
We recommend [Visual Studio Code](http://code.visualstudio.com) - it's a free, lightweight and *very* powerful tool from Microsoft that works great with Angular development.
|
||||
You can use any text editor to develop ADF apps but we recommend
|
||||
[Visual Studio Code](http://code.visualstudio.com) from Microsoft. It's a free, lightweight and *very*
|
||||
powerful tool that works well for Angular development.
|
||||
|
||||
## ADF Yeoman generator (optional)
|
||||
|
||||
You might want to ensure that you have `Yeoman` installed by running `yo --version`. If this is not in your system make sure you run:
|
||||
Check that you have `Yeoman` installed by running `yo --version`. If it is not present, you can install
|
||||
it by running:
|
||||
|
||||
sudo npm install -g yo
|
||||
|
||||
If you have installed it previously, you might want to make sure you uninstall them before. In ADF 2.0 we renamed the generator packages and the update is highly suggested.
|
||||
|
||||
Uninstall previous versions with:
|
||||
|
||||
sudo npm uninstall generator-alfresco-adf-app
|
||||
sudo npm uninstall generator-ng2-alfresco-app
|
||||
|
||||
Install the latest version of the `generator-alfresco-adf-app` using the following command.
|
||||
You can install the latest version of the `generator-alfresco-adf-app` (the main scaffold generator)
|
||||
using the following command:
|
||||
|
||||
sudo npm install -g generator-alfresco-adf-app
|
||||
|
||||
If you have installed an earlier version of the generator then you should uninstall it before installing
|
||||
the latest one. In ADF 2.0 we renamed the generator packages, so updating is especially recommended from
|
||||
pre-2.0 versions.
|
||||
|
||||
Uninstall versions before 2.0 with:
|
||||
|
||||
sudo npm uninstall generator-ng2-alfresco-app
|
||||
|
||||
...and versions since 2.0 with:
|
||||
|
||||
sudo npm uninstall generator-alfresco-adf-app
|
||||
|
Reference in New Issue
Block a user