VB.net 2010 视频教程 VB.net 2010 视频教程 VB.net 2010 视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
  • JavaScript教程之angular入门一之环境安装及项目创建

  • 2019-04-28 21:32 来源:未知

angular入门一之环境安装及项目创建


1.安装node.js

  • 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本)
  • 下载地址:https://nodejs.org/en/download

2.安装angular cli

  • 安装typescript(新建项目的时候会自动安装,此时也可以不进行安装):
    npm install -g typescript
  • 安装angular cli :
    npm install -g @angular/cli
  • 验证:
    ng version 出现版本信息即安装成功。
  • 注意:由于安装需要访问外网,速度可能慢导致失败,可以从淘宝镜像来进行安装
    npm config set registry https://registry.npm.taobao.org 
    再安装cnpm代替npm命令:npm install -g cnpm
    再安装angular cli:cnpm install -g @angular/cli

3.创建新项目:

  • 在终端中,进入想要创建项目的地址执行 :ng new 项目名称
  • 执行完该命令后会下载相应的npm包,耐心等待
  • 注意:执行ng new first-app后会有一段提示说【'git' 不是内部或外部命令,也不是可
    运行的程序或批处理文件?!?,这个和本地没有安装git有关,但是不会影响项目。

4.运行项目:

  • 在终端中进入项目所在文件夹:cd first-app;
  • 然后执行ng serve,服务启动了,访问//http:localhost:4200,能访问到即项目搭建成功。
    ctrl+c命令退出指定状态,可以关闭服务(很多命令和linux下的较为相似)

5.至此,一个angular项目就可以跑起来了。


6.参照angualr官网中文版 写的例子在:点击这里查看, 案例和官网的稍有出入,数据来源是用Java语言springboot框架编写的。

相关教程
  • 欧洲国家的退休生活是怎样的? 2019-06-17
  • 风尚人物 90年的传奇超模——Kate Moss经典cut 2019-06-17
  • “坏”胆固醇有六大克星 2019-06-17
  • 生命的定格:有种担当叫“我是警察” 2019-06-16
  • 董卿海霞李思思康辉撒贝宁 央视名嘴童年照谁更萌 2019-06-16
  • 34岁男子打拼10年买百万豪车 如今在街头崩溃大哭 2019-06-16
  • 高清克罗地亚队备战训练 莫德里奇神情轻松 2019-06-15
  • 湖北经济学院举行中德艺术青年交流活动 共绘“丝绸之路” 2019-06-15
  • 贵州瓮安:荒坡变花海 美景引客来 2019-06-15
  • 旗袍女少林寺走秀秀出啥? 2019-06-14
  • 全国网络举报工作会议 2019-06-14
  • 这下就真的更加坐实你的老蚕了,所有网友都是见证!想赖都赖不掉了。 2019-06-14
  • [鄙视]8421都搞不懂还嘴硬的人知道廉耻? 2019-06-13
  • 渭南警方历时8个月破获特大毒品案 抓获11名吸贩毒人员 2019-06-13
  • 【探秘子午岭】黄土高原腹地的人文生态宝库 2019-06-13
  • 341| 288| 375| 964| 517| 293| 576| 33| 547| 125|