angular2.0的安装

作者: 痛心凉 | 来源:发表于2018-01-04 11:40 被阅读12次

步骤1.设置开发环境

在开始工作之前,我们要先搭建好开发环境。
首先检查自己的机器上是否已经安装过node.js。

请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 来验证一下你正在运行 node 6.9.x 和 npm 3.x.x 以上的版本。 更老的版本可能会出现错误,更新的版本则没问题。

然后全局安装

>npm install -g @angular/cli

步骤2.创建我们的项目

打开终端窗口。
运行下面的命名行:

ng new my-app

请耐心等待。 创建新项目需要花费很多时间,大多数时候都是在安装那些npm包。

步骤3.启动开发服务器

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

cd my-app
ng serve --open

ng serve命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。
使用--open(或-o)参数可以自动打开浏览器并访问http://localhost:4200/

相关文章

  • angular2.0的安装

    步骤1.设置开发环境 在开始工作之前,我们要先搭建好开发环境。首先检查自己的机器上是否已经安装过node.js。 ...

  • Angular2.0—路由跳转

    Angular2.0—路由跳转 [# Angular2.0 —构建项目的流程以及使用ng-zorro 友情链接:A...

  • Angular2.0—https服务

    Angular2.0—https服务 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及...

  • Angular2.0—服务

    Angular2.0—服务 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用ng-...

  • Angular2.0—管道

    Angular2.0—管道 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用ng-...

  • Angular2.0—路由传参

    Angular2.0—路由传参 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • Angular2.0—父子传参

    Angular2.0—父子传参 首先使用脚手架创建项目 友情链接:Angular2.0 —构建项目的流程以及使用n...

  • Angular2.0学习笔记

    话不多说直接进入正题,学习Angular2.0首先要搭建所需要的环境。(命令行最好用管理员身份打开) 1、安装no...

  • webpack构建angular1.0!!!

    Webpack最近很热,用webapcak构建react,vue,angular2.0的文章很多,但是webpac...

  • 2016.11.30随笔

    最近在做一个angular2.0的项目,练习中。点点滴滴成长中。

网友评论

    本文标题:angular2.0的安装

    本文链接:https://www.haomeiwen.com/subject/wxqrnxtx.html