初探AngularJS6.x---环境搭建

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

初探AngularJS6.x---环境搭建
近期做项目,正好用到了AngularJS,所以就想着赶快整理成博文,避免回头给忘了.第一次接触AngularJS是两年前,那会儿公司用的是BootStrap做页面,然后配合AngularJS1.x做一些处理.后来身边人极力推荐让用2.x.说是2.x比1.x有了非常大的变动,但一直没空去整,一直搁到现在.
AngularJS6.x仍然是基于nodeJS的,所以如果我们想要搭建一个AngularJS的环境,首先我们要安装nodeJs,这里要强调一点,如果我们要用angularJs6.x那么我们安装的Nodejs版本必须大于等于8.x,并且npm版本必须大于等于5.x.
这里我的操作系统是CentOS7-1804的,然后安装命令如下:

  1. 静默添加nodejs地址 并将他安装到bash里:curl --silent --location https://rpm.nodesource.com/se... | sudo bash -
  2. 安装nodejs的编译环境: yum install gcc-c++ make
  3. 安装nodejs: yum -y install nodejs

安装之后,运行npm -v效果图如下:
图片描述

运行node -v效果图如下:
图片描述

有了这两个提示,就说明我们的Nodejs已经安装成功了,然后我们开始安装AngularJs/cli: sudo npm install -g @angular/cli

在这里可能会有一些安装错误,此时我们可以卸载然后重新安装,卸载命令如下:

  1. npm uninstall -g angular-cli卸载旧版本 npm uninstall @angular/cli 卸载新版本
  2. npm cache clean 清理缓存 npm cache verify –force 强制清理缓存

另外,我们安装执行过后,可能会出现如下图一样的警告,这是因为fsevents@1.2.4是mac系统使用的,如果我们使用的是其他的系统就会出现这样的提醒,所以这样是正常的:
图片描述

截止到这里,环境的准备并没有结束,在创建项目的时候,angularJs6.x还用到了git命令,如果没有安装,就会报错说git命令没找到,因此我们还需要安装git.因为我比较喜欢新的软件,所以直接装了git2.x:

  1. yum install https://centos7.iuscommunity....
  2. yum install git2u
  3. 图片描述

环境准备好后,我们开始创建项目并运行:

  1. ng new conk-out
  2. cd conk-out
  3. ng serve –open
    运行后效果如下图所示,见到下图就说明我们的环境准备已经全部完成啦:

图片描述

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看