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

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

转载于:https://www.cnblogs.com/rockyjs/p/11231066.html

ng-cli新建项目相关推荐

pomelo源码解析--新建项目(cli工具: pomelo)
pomelo怎么新建项目官方文档 1. 安装pomelo 2. 新建项目HelloWorld 我简单整理了下创建新项目关键步骤: 安装pomelo 方式一: $ npm install pomelo ...
基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目
基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目转载于:https://github.com/Meowv/Blog 首先,默认咱们已经有了.net ...
angular 标准目录结构_Angular-cli新建项目目录结构详解
Angular-cli新建项目目录结构详解在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目,要想写项目,首先我们要先搞清楚项目的目录结构是怎样的,每个文 ...
【Vapor】01 Vapor 安装与新建项目
0x00 Vapor Toolbox Vapor is an open-source web framework written in Swift. 官方网址:https://vapor.codes/ ...
在VS中，如何新建项目，如何添加类库
学习了C#基础后就自己做了一个小小的qq空间,感觉挺好的.之后,由于团队需要被分配到测试方面去了,虽然测试时会看C#代码,但终究不是自己写的,没有那种深究的热情,尽管师兄说,看代码是最快提升的方法,因 ...
Qt新建项目No valid kits found解决思路
Qt新建项目No valid kits found解决思路第一次用Qt Creator创建Project时,进入Kit Selection窗口后,会提示No Valid kits found. Pl ...
IntelliJ idea 新建项目并导入netty(转)
转自:https://blog.csdn.net/chen_xi_hao/article/details/79431756 前言笔者的主要技能是移动端开发,eclipse和android studi ...
svn 提交到远程仓库_Linux学习16gitlab新建项目提交代码
前言 gitlab前面已经搭建好了,如果我们想用把代码上传到gitlab仓库上的话,先要新建一个项目仓库.然后本地安装git环境,就可以提交了 root用户 gitlab首次在浏览器上打开web页面, ...
微信小游戏开发教程-新建项目
微信小游戏开发教程-新建项目 1. 新建小游戏项目我们这回使用空项目,不要勾选使用模板创建. 2. 添加小游戏必要文件项目创建好以后我们发现缺少一些必要的文件,我们手动添加即可: game.jso ...
如何解决Win10不能新建项目的问题？
如何解决Win10不能新建项目的问题? 参考文章: (1)如何解决Win10不能新建项目的问题? (2)https://www.cnblogs.com/haoxitong/p/9556065.html ...

ng-cli新建项目

ng-cli新建项目相关推荐

最新文章

热门文章