初探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/setup_10.x | 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.org/ius-release.rpm
2. yum install git2u

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

1. ng new conk-out
2. cd conk-out
3. ng serve –open

   运行后效果以下图所示,见到下图就说明咱们的环境准备已经所有完成啦: