搭建第一个Angular Web应用

使用node.js搭建第一个简单的angular应用

1. 安装node.js

   在nodejs官网上下载新版本的Node.js安装包到本地(这里用Ubuntu为例，使用apt默认源中的nodejs版本过旧，所以到官网下载安装包)

   解压

   tar -xvf node-v8.11.4-linux-x64.tar.xz

   将解压后目录内的bin/下的node和npm的链接放置在系统目录下，配置全局使用

   sudo ln -s /home/ph0en1x/Program_Files/node-v8.11.4-linux-x64/bin/node /usr/local/bin/node
   sudo ln -s /home/ph0en1x/Program_Files/node-v8.11.4-linux-x64/bin/npm /usr/local/bin/npm

   由于我的根目录与home目录挂载着不同的硬盘，所以只能使用软链接，如果是同一块硬盘也可以使用硬链接

   确认版本

   node --version
   npm --version

   ​

2. 搭建Angular应用

   全局安装Angular CLI

   npm install -g @angular/cli

   新建工程

   ng new my-app

   启动应用

   cd my-app
   ng serve --open

   最后进入浏览器输入 http://localhost:4200 看到demo

   

   具体教程参考Angular官方文档