Angular学习(一):快速开始

本系列文章默认都是基于Angular4.X,以后不再说明,除非特别标注

Angular

安装nodejs

安装过程就不再啰嗦,傻瓜式安装。补充几点,安装好nodejs后,由于国内网络原因我们安装淘宝 NPM 镜像cnpm

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

使用方法与npm一致,如果需要可以自己设置npm全局模块的存放路径以及cache的路径,例如我放到nodejs安装目录下

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

千万注意,如果自己设置了全局模块存放路径,记得添加环境变量,直接在path下增加node_global这个文件夹的路径,我这里是"D:\Program Files\nodejs\node_global"

安装Angular CLI

cnpm install -g @angular/cli

可以查看下安装版本

ng -v

安装好以后我们接着把cnpm设置为默认包管理工具

ng set --global packageManager=cnpm

不设置这个,等下创建一个angular工程的时候会卡死,我们创建一个新的angular工程

ng new angular-app

耐心等待一会,创建成功后会在你当前路径下新生成一个angular-app文件夹

启动项目

cd angular-app
ng serve --open

输入上面两个命令后浏览器会自动打开,当你看到如下界面时,说明第一个angular项目已经完成

图1
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript 模块化编程 网站越来越复杂,js代码、js文件也越来越多,会遇到什么问题? 命名冲突; 文件...
    magic_pill阅读 1,482评论 0 1
  • 大家好,我是IT修真院深圳分院第3期的学员,一枚正直纯洁善良的前端程序员,今天给大家分享一下,修真院官网前端工程师...
    大大头大阅读 2,979评论 0 1
  • npm是什么 NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具...
    build1024阅读 7,973评论 0 9
  • 现在是晚上11点,眼皮打颤,隔壁已经走了打鼾声,ipad里放着的音乐,刚开始是动听的,也逐渐变得吵吵闹闹起来,我感...
    衣禾幸之阅读 261评论 0 0
  • 作为资深的数学学渣,我其实不太清楚为什么要学函数,代数和几何,现在拿本数学书,我连其中的好多符号都不认识,更别往深...
    小乐小约阅读 439评论 0 0