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/[email protected]
安装完成后,命令行敲击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,便可以成功访问拉。