一、环境准备
Node.js是一个基于Chrome V8引擎的JavaScript运行时环境。在前端开发里一般是用来执行编译CSS预编译语言、预编译、压缩、混淆JS、压缩图片、reload、deploy等工程化任务，常用的平台有Grunt和Gulp 。现在最主要的应用是用来跑npm。
npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。
举例说明：以往你要引用jQuery，待先去官网下载xxxx.zip，然后解压缩，复制jQuery.js文件，粘贴进项目的目录，或者手动移动js依赖文件夹到项目依赖的文件路径下。现在仅npm install <package_name>。
你可以使用Angular CLI来创建项目，生产应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。npm install -g @angular/cli。
二、环境安装
1、Node.js安装
1.1 nvm介绍
nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。下面列出下载、安装及使用方法。
安装：两种方式
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash此时nvm就被安装在了/.nvm下啦
命令：
nvm ls-remote：列出所有可以安装的node版本号
nvm install v10.4.0：安装指定版本号的node
nvm use v10.3.0：切换node的版本，这个是全局的
nvm current：当前node版本
nvm ls：列出所有已经安装的node版本
2、npm/cnpm安装
npm是随同新版的Node.js一起安装的包管理工具。cnpm阿里巴巴的淘宝团队把npm官网的插件都同步到中国的服务器，提供给我们从这个服务器上稳定下载资源。
cnpm安装：
npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm -v
3、angular cli安装
你可以使用Angular CLI来创建项目，生产应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。
npm install -g @angular/cli
三、angular 项目新建
1、新建应用
运行cli命令ng new 并提供my-app名称作为参数，如下：
ng new my-app
Angular CLI 会安装必要的 Angular npm 包和其它依赖包。这可能要花几分钟的时间。
2、运行应用
cd my-app
ng serve --open
ng serve 命令会启动开发服务器、监视文件，并在这些文件发生更改时重建应用。
--open（或者只用 -o 缩写）选项会自动打开你的浏览器，并访问 http://localhost:4200/。
网友评论