ng-cli新建项目

tip:全部的命令是红色标签 ， 连接为蓝色标签

使用ng-cli建立新的项目通常须要安装一些新的东西后才能够进行建立成功

1.须要先安装node.js  连接: https://nodejs.org/ 找到合适本身电脑的版笨，进行下载安装

2.安装完成以后，在开始菜单中输入cmd 进入命令，输入node -v  查看是否安装成功,若是安装成功会出现版本信息，最新的node.js集成了npm，也就是说安装好了node同时npm也安装好了，同时，输入 npm -v 查看版本信息

3.当确认本机安装好node.js以后，能够使用npm 进行安装typeScript  npm install -g typeScript

接下来安装ng-cli

4.npm install -g @angular/cli

5.验证是否安装成功 检测命令：ng version  系统会自动输出版本信息：

@abgular/cli：1.1.1 版本信息

node:7.00

os:darwin 64

5.安装好ng-cli以后就须要安装新的项目，要知道你是否有项目的目录，若是有项目的目录就须要使用ng init 的命令来新建，若是没有则须要使用 ng new +新的项目

　　ng init 在当前的目录中常见新的应用

　　ng new 建立新的目录，而后在新的目录中运行ng init 命令

 

• 这里在不知道是否建立了目录的时候使用 ng init 若是出现报错的状况下，则是表示没有已建立的目录，则须要改成 ng new +新的项目名称 

 

　　当在此出现如下报错时，

      pm WARN deprecated circular-json@0.5.9: CircularJSON is in maintenance only, flatted is its successor.

　　npm ERR! Unexpected end of JSON input while parsing near '...75V1G\n7o7pADTdBhux
　　yQ'

　　npm ERR! A complete log of this run can be found in:
　　npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2019-01-30T0
　　1_13_57_818Z-debug.log
　　　　

　　Package install failed, see above.

　　请执行如下操做

　  　npm uninstall -f -g @angular/cli
　　 npm cache clean --force
　　 npm install -g @angular/cli@latest

当运行ng new的时候出现如下操做

　　1） 新的项目目录被建立

　　2）项目的源文件和目录将会被建立

　　3）项目的全部依赖【package.json中配置的依赖性】也会自动被建立

　　4）自动配置好项目中的typeScript开发环境和karma单元测试环境以及peotractor测试环境

　　5）environment相关文件进行初始化

6 使用命令进入到新建的文件项目中

　　cd +刚才新建的项目中

7.项目运行： ng serve 

 

在这里的时候输入的命令以后，可能会存在输入命令没法在输入进去，须要使用ctrl+D一次 或  ctrl+C两次 或输入“ .exit”命令调出，会给出响应的显示，这是只要进行对应提示输出便可

 

8.在浏览器中输入localhost:4200 进行查看项目建立成功

9.在建立目录中能够使用 tree 查看项目结构