Angular cli for existing github project

Question

I'm new to Angular 2 CLI. As per tutorial, there is command provided called ng create <project_name>. My scenario is creating project in existing directory.

It throws error like below:

Directory 'angular-basic' already exists.

Answer 1

try this command:

ng new appName --directory ./

Answer 2

Since the ng init command is removed from the CLI commands what you can do is specify the directory. You might have to do some overwrites and modifications by yourself for some of the existing files.

You can pull it off with

ng new [app_name] --directory=directory_path

Example assume that your terminal is opened in angular-basic directory and you have to add the cli to angular-basic project, ng new angular-basic --directory . would create the workspace in current directory which is angular-basic.

UPDATE:

Reason that it has been removed is because of the message of having two ways to create a project and because people were using it to upgrade (poorly) - From cli team @Brocco's tweet.

Answer 3

This is easy enough.

Run the following command from the existing directory which will serve as your application root.

$ ng new current-directory --directory=./ --skip-install

This uses three arguments as:

1. current-directory whatever your project name will be or current location where terminal is open.

2. --directory=./ this what does the magic, it instructs angular-cli to use existing folder as project root.

3. --skip-install this one is totally optional, only prevents installation of all npm dependencies upfront.

Just in case you see an error like The Schematic workflow failed. See above., clear the contents of your directory, specially README.md, .gitignore etc. and let angular-cli create them for you.

Answer 4

Try ng init will create project inside your existing directory then do ng serve.

ng init <project-name> [options]
Creates a new Angular project in the current folder.

Options:
 --dry-run only output the files created and operations performed, do
 not actually create the project.

 Alias: 'd'.
 --verbose output more information.

 Alias: 'v'.
 --skip-npm do not run any npm command once the project is created.
 --name The name of the project to create.

For New Angular 2.x Project

ng new foo
cd foo
npm link angular-cli
ng serve

Refer: https://cli.angular.io/reference.pdf