当前位置： 维易PHP培训学院 > LINUX入门 > 内容正文

LINUX学习：Ubuntu 15.04下Angular 2的安装与使用

作者：VEPHP   时间 2017-10-04

《LINUX学习：Ubuntu 15.04下Angular 2的安装与使用》要点：
本文介绍了LINUX学习：Ubuntu 15.04下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

LINUX学习：Ubuntu 15.04下Angular 2的安装与使用

安装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

查看是否安装胜利

LINUX学习：Ubuntu 15.04下Angular 2的安装与使用

注：假如假如之前已存在

npm uninstall -g angular-cli 
npm cache clean 
npm install -g angular-cli@latest

Angular简单使用

创立一个新项目

打开终端窗口.

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

ng new my-app

请耐心设置新项目必要时间,大部分时间用于安装npm软件包.

LINUX学习：Ubuntu 15.04下Angular 2的安装与使用

启动服务

转到项目目次并启动服务器.

cd my-app 
ng serve --open

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

使用--open(或只-o)选项将自动打开您的阅读器http://localhost:4200/.

您的应用法式向您发送消息：

LINUX学习：Ubuntu 15.04下Angular 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 = 'My First Angular App';
}

浏览器会自动重新加载修订的题目.

LINUX学习：Ubuntu 15.04下Angular 2的安装与使用

优化组件

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

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

LINUX学习：Ubuntu 15.04下Angular 2的安装与使用

LINUX学习：Ubuntu 15.04下Angular 2的安装与使用

本文永远更新链接地址：

维易PHP培训学院每天发布《LINUX学习：Ubuntu 15.04下Angular 2的安装与使用》等实战技能，PHP、MYSQL、LINUX、APP、JS,CSS全面培养人才。

转载请注明本页网址：
http://www.vephp.com/jiaocheng/13014.html


    标签：  




同类教程排行


特辑教程