步骤1. 设置开发环境

在开始工作之前,我们必须设置好开发环境。

如果你的机器上还没有Node.js®和npm 和VScode(因为我是用VS工具来编辑的), 请先安装它们。

然后全局安装 Angular CLI 。

步骤2. 创建新项目

打开终端窗口。

运行下列命令来生成一个新项目以及应用的骨架代码:

步骤3. 启动开发服务器

进入项目目录,并启动服务器。

ng serve命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。

使用--open(或-o)参数可以自动打开浏览器并访问http://localhost:4200/

浏览器中出现的画面:

转载于:https://www.cnblogs.com/chendezhen/p/8444877.html

How to create a angular2 project process相关推荐

  1. IDEA创建maven项目报错解决:Failed to create a Maven project: 'C:/Users/../IdeaProjects/../pom.xml' already e

    此文首发于我的个人博客:IDEA创建maven项目报错解决 Failed to create a Maven project 'C:/Users/-/IdeaProjects/-/pom.xml' a ...

  2. create maven android project

    2019独角兽企业重金招聘Python工程师标准>>> Getting Started The Android Configurator is an Maven Integratio ...

  3. PMP-PMBOK-培训(3)Introduction to Project Process Groups and Initiating a Project

    Overview of project management processes The five process groups are:initiating,planning,executing,m ...

  4. Try to create new xs project in AG3

    Created by Wang, Jerry on Aug 25, 2015 在project view里看: ```json { "exposed" : true, " ...

  5. angular2 step by step #1 - environment setup

    Very general steps for new angualr2 developers: install node.js\npm check version node -v (7.2.0) np ...

  6. Conditional project or library reference in Visual Studio

    Conditional project or library reference in Visual Studio In case you were wondering why you haven't ...

  7. angular2创建应用_如何在Angular 2+应用程序中使用JavaScript库

    angular2创建应用 Do you remember when you were learning AngularJS (version 1), and tutorials kept tellin ...

  8. Create and Drop Database, Create, Alter and Drop Tables, Select, Insert, Update, Delete Commands

    此文仅做自我学习记录用!!! Introduction (Descriptive) Content:- Creating and Maintaining Tables, Objectives, The ...

  9. SAP QM Basic Steps to Create Dynamic Modification Rule

    Basic Steps to Create Dynamic Modification Rule Process: Quality Management –> Inspection Plannin ...

  10. Create C++ Windows Forms Application in Visual Studio 2017

    Background: From Windows Forms Application in Visual C++ ???!!!!: "MS removed the WinForms C++/ ...

最新文章

  1. Linux network source code
  2. python怎样画立体图形-用python来画出高光谱遥感影像的3D立体图
  3. Python中的GIL和深浅拷贝
  4. c++从入门到进阶--引用与常量
  5. java左手握右手_在队列中,向中看齐举哪个手?
  6. webshell文件下载器
  7. mysql如何连接jdk,JDBC 简单的Mysql连接
  8. Bat批处理命令执行中文路径解决方法
  9. 嵌入式 Linux 入门 环境篇(四、必备开发工具安装)
  10. Vue + Spring Boot 项目实战(十一):用户角色权限管理模块设计
  11. java.io.IOException: Unable to establish loopback connection
  12. 我在名牌大学毕业后的经历——曾经努力过,就不会后悔
  13. Ubuntu 下访问摄像头 及将摄像头数据重定向到http协议 远程访问摄像头
  14. 不要再被误导了,64位X86 CPU是没有64位寻址能力的!
  15. PHP将PDF转图片-实战
  16. 联想拯救者Y7000P更新BIOS
  17. Chatbot-1-笔记
  18. python操作CAD转存dwg文件
  19. Echarts调整X轴字体大小
  20. 关于虎牙登录算法分析

热门文章

  1. poj 2356 Find a multiple dfs 爆搜!!!!
  2. inDesign教程,如何创建杂志风标注?
  3. 登录权限验证token
  4. idea 配置 maven 和 镜像
  5. JEPLUS表格高级展示——JEPLUS软件快速开发平台
  6. SFB 项目经验-15-配置会议邀请中企业信息
  7. 什么时候应该避免注释代码?
  8. HDU2504 又见GCD
  9. 树莓派学习路程No.2 GPIO功能初识 wiringPi安装
  10. VisualStudio使用GIT