Angular介绍、安装Angular Cli、创建Angular项目入门教程

Angular 专栏收录该内容
24 篇文章 0 订阅

场景

Angualr 是一款来自谷歌的开源的web 前端框架,诞生于2009 年,由Misko Hevery 等
人创建,后为Google 所收购。是一款优秀的前端JS 框架,已经被用于Google 的多款产品当
中。

Angualr 基于TypeScript 和react、vue 相比Angular 更适合中大型企业级项目。

Angular官网:

https://angular.cn/

开发Angular项目的IDE推荐使用VisualStudioCode

VisualStudioCode下载安装与安装中文插件教程(图文教程):

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105556884

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

Angular环境搭建

确保电脑已经安装最新的稳定版本的node.js

为了提高npm install的速度与效率,这里安装cnpm使用淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

然后全局安装angular脚手架

npm install -g @angular/cli

或者

cnpm install -g @angular/cli

 

Angular创建项目

新建一个文件夹helloAngular,然后在此文件夹下打开命令行输入

ng new angulardemo

其中angulardemo是项目名称

然后会提示是否添加路由配置,这里选择是,并且选择css预编译器,这里选择SCSS并回车。

 

这样安装会将相关依赖进行安装,即执行npm install 操作,所以速度会慢点。

如果只是新建项目跳过npm install,可以执行以下命令。

ng new angulardemo --skip-install

然后进入到项目目录

cd angulardemo

然后再安装项目依赖

cnpm install

这样会快些

 

如果在安装过程中出现resource busy or locked

关闭杀毒软件,然后将node_modeules删掉重新执行cnpm install 即可

安装过程中若出现提示,输入Y回车即可。

 

运行Angular项目

ng serve --open

 

 

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值