Angular环境搭建以及AngularCli常用命令使用

安装Nodejs

首先要安装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题。
没有安装的直接去nodejs官网找到对应系统下载nodejs安装。安装过程很简单,官网有教程。
安装完成后,打开控制台
输入node -v 和npm -v看看安装版本

查看node和npm版本

npm是nodejs自带的包管理工具,npm默认使用海外的服务器如许切换服务器为淘宝镜像的话在控制台输入下面的命令

npm config set registry http://registry.npm.taobao.org/

当然你也可以使用cnpm那么则需要安装cnpm:

npm install -g cnpm

如遇权限问题则加sudo

sudo npm install -g cnpm

以上都成功了则代表你离angular近了一大步了,接下来就可以进入正题了(话说我早都等不及了😁)

安装AngularCli

AngularCli其实就是一个npm服务器上的一个包,当然使用Google提供的,我们只需要下载安装就可以了
安装命令:

npm install -g @angular/cli

如遇权限问题请仿照👆npm的权限问题解决方案
安装之后可以输入下面命令来查看是否安装成功

ng --version

如正确输出如下内容则表示安装成功


image.png

使用AngularCli生成Angular项目

在你的电脑上选择一个项目目录,在此目录进入控制台输入命令:

ng new my-app

接下来选择一些需要的功能,不知道是什么可以直接选择回车(回车默认y)

? Would you like to add Angular routing? (y/N)  //是否需要路由 直接回车
? Which stylesheet format would you like to use? (Use arrow keys)
❯ CSS 
  SCSS   [ http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax ] 
  Sass   [ http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html       ] 
  Less   [ http://lesscss.org                                                 ] 
  Stylus [ http://stylus-lang.com
//选择渲染样式所需要的技术,这里我们使用css

稍等三五分钟去喝杯水...
好的此时AngularCli已经帮我们生成了一个名为my-app的项目出来,在控制台进入目录中执行启动命令

cd my-app&&ng serve --open

稍等一分钟继续去喝水
好的,此时项目已经运行起来了,此时应该已经在你的Chrome浏览器(身为一个前端程序猿怎么能没有Chrome浏览器呢)中打开了,当然如果没有打开的话,你可以去控制台查看输出,输出中应该会有访问地址,没有就加我好友(当然只限妹子😁)

此时你可以选择一个开发工具打开生成的项目,尝试这修改src中的app.component.html、app.component.ts、app.component.css来查看变化,下面会说一下生成的各个目录的内容。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342