ng-cli新建项目

Posted 2022-05-05 rockyjs

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 +新的项目名称 

 

当运行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 查看项目结构