Angular前期准备

一、环境准备

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/。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容