Angular环境搭建篇------5分钟学会Angular前端环境搭建

本宝宝前端新手，入门2个月，平时写写文章记录一下学习经历蛮有意思，希望和大家一起进步。欢迎点评

欢迎来到前端峡谷，Angular还有5秒到达战场...........

一、安装nodeJS，下载地址https://nodejs.org/en/。下载完成后傻瓜式安装就可以了。

安装完成后，打开DOS窗口，输入node -v。



输入npm -v,查看npm的版本。



npm是nodeJs中自带的插件，为以后开发过程中下载第三方的依赖，如echarts（开源图表框架）、swiper(轮播框架)。

二、安装typescript

      npm install -g typescript
      安装完成后，命令行敲击typescript -v或tsc -v 查看是否安装成功。

     


三、下载angular cli,

 npm install -g @angular/cli@latest
 安装完成后，命令行敲击ng 查看是否安装成功。

      完成这三部，就完成了环境的搭建。

   


下面介绍如何创建一个完成的项目：

一、在H盘打开DOS窗口，输入命令‘ng new HellWord’,创建一个HelloWorld的Angular项目。

二、下载编辑器idea。地址：Idea。想要使用idea编辑器还需要输入激活码，在这给出idea的License
server注册地址 http://idea.iteblog.com/key.php

三、打开项目



然后选择项目所在根目录就可以啦。

四、执行npm install下载所需要的依赖module。网速快的话，一分钟搞定。



五、最后一个步骤，运行项目啦啦啦，这个很简单。

在idea自带的Terminal中输入ng  serve --port 4200就可以启动啦。



六、在浏览器中输入http://localhost:4200，便可以成功访问拉。