Angular 2安装前准备

@H_301_2@安装依赖（g++、libssl-dev）

在安装node.js之前，如果没有安装g++和libssl-dev的，按照以下步骤安装：

sudoapt-getinstallg++
sudoapt-getinstall

@H_301_2@安装nodejs

较旧的版本会产生错误，但较新版本正常。

接下来就是安装node.js了：

mkdirtools
cdtools/
wgethttps://nodejs.org/dist/v7.10.0/node-v7.10.0-linux-x64.tar.xz
tarxvfnode-v7.10.0-linux-x64.tar.xz
cdnode-v7.10.0-linux-x64/

添加软连接

sudoln-s/home/solin/tools/node-v7.10.0-linux-x64/bin/node/usr/local/bin/node
sudoln-s/home/solin/tools/node-v7.10.0-linux-x64/bin/npm/usr/local/bin/npm

这样就安装好了，可以在终端查看版本号：

node-v
npm-v

@H_301_2@安装Angular

node.js 和 npm 都安装好后可以安装angular2了，按照官网给的步骤：

npminstall-g@angular/cli

创建链接

sudoln-s/home/solin/tools/node-v7.10.0-linux-x64/bin/ng/usr/local/bin/ng

查看Angular 2版本

ng-v

查看是否安装成功

注：如果如果之前已存在

npmuninstall-gangular-cli
npmcacheclean
npminstall-gangular-cli@latest

Angular简单使用

@H_301_2@创建一个新项目

打开终端窗口。

通过运行以下命令生成一个新的项目和框架应用程序：

ngnewmy-app

请耐心设置新项目需要时间，大部分时间用于安装npm软件包。

@H_301_2@启动服务

转到项目目录并启动服务器。

cdmy-app

ngserve--open

ng serve当您对这些文件进行更改时，该命令启动服务器，监视您的文件，并重新构建应用程序。

使用--open（或只-o）选项将自动打开您的浏览器http://localhost:4200/。

您的应用程序向您发送消息：

@H_301_2@编辑您的第一个Angular组件

Angular CLI为您创建了第一个Angular组件。这是根组件，它被命名app-root。你可在./src/app/app.component.ts找到它。

打开组件文件并更改title属性app works!为My First Angular App：

#src/app/app.component.ts
exportclassAppComponent{
title='MyFirstAngularApp';
}

浏览器会自动重新加载修订的标题。

@H_301_2@优化组件

打开src/app/app.component.css并给组件一些风格。

#src/app/app.component.css
h1{
color:#369;
font-family:Arial,Helvetica,sans-serif;
font-size:250%;
}

参考文档： nodejs官方资料：https://nodejs.org/en/download/current/ Angular官网资料：https://cli.angular.io/

原文链接：https://www.f2er.com/angularjs/147209.html