商务合作
首页 > 教程文章 > 前端技术文章 > 正文

Angular项目创建、启动到打包部署

安装nodejs

到官网下载 ,然后安装即可。下面是node官网:

Node.js — Download Node.js®​nodejs.org/en/download/package-manager

我的node版本,版本必须大于这个才行。

安装cnpm

因为node的npm安装插件比较慢,国内建议使用淘宝镜像cnpm工具。即先使用npm安装cnpm工具:npm i -g cnpm --registry=https://registry.npm.taobao.org,然后使用cnpm来安装其他插件。可通过cnpm -v命令来查看是否安装成功。

如果出现下面错误,则是因为npm的版本和cnpm版本不兼容导致的, 需要升级node版本。

如果报了下面没有权限,则直接指明cnpm


npm install cnpm@7.1.1 -g --registry=https://registry.npmmirror.com

TypeScript的安装

typescript是ng应用开发中使用的主语言,所以也需要安装ts。打开cmd,输入命令行cnpm install –g typescript即可完成安装,通过tsc -v命令来验证是否安装成功。

安装脚手架工具Angular-CLI

Angular CLI是一个命令行界面工具,它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。
Cli是Command Line Interface的简写,是一种命令行接口,实现自动化开发流程。它是ng执行开发、测试、打包和发布必备的集成化平台,俗称脚手架。通过cnpm install -g @angular/cli命令进行全局安装,然后通过ng version命令来查看是否安装成功。


进入到项目文件夹,cmd


npm config set registry http://registry.npmjs.org/
npm install
ng serve

如果报错了

在cmd执行


SET NODE_OPTIONS=--openssl-legacy-provider

然后运行


ng serve

运行成功