Angular 2的安装与使用（Ubuntu15.04）

13544870125

Angular 2安装前准备
安装依赖（g++、libssl-dev）
　　在安装node.js之前，如果没有安装g++和libssl-dev的，按照以下步骤安装：
sudo apt-get install g++
sudo apt-get install安装nodejs
　　较旧的版本会产生错误，但较新版本正常。
　　接下来就是安装node.js了：
mkdir tools
cd tools/
wget https://nodejs.org/dist/v7.10.0/node-v7.10.0-linux-x64.tar.xz
tar xvf node-v7.10.0-linux-x64.tar.xz
cd node-v7.10.0-linux-x64/　　添加软连接
sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/npm /usr/local/bin/npm　　这样就安装好了，可以在终端查看版本号：
node -v
npm -v

安装Angular
　　node.js 和 npm 都安装好后可以安装angular2了，按照官网给的步骤：
npm install -g @angular/cli　　创建链接
sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/ng /usr/local/bin/ng　　查看Angular 2版本
ng -v　　查看是否安装成功

　　

　　注：如果如果之前已存在
npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@latestAngular简单使用
创建一个新项目
　　打开终端窗口。
　　通过运行以下命令生成一个新的项目和框架应用程序：
ng new my-app　　请耐心设置新项目需要时间，大部分时间用于安装npm软件包。

启动服务
　　转到项目目录并启动服务器。
cd my-appng serve --open　　ng serve当您对这些文件进行更改时，该命令启动服务器，监视您的文件，并重新构建应用程序。
　　使用--open（或只-o）选项将自动打开您的浏览器http://localhost:4200/。
　　您的应用程序向您发送消息：

编辑您的第一个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 = 'My First Angular App';
}　　浏览器会自动重新加载修订的标题。

优化组件
　　打开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/