写在前面
近来从慕课网买了一个视频教程进修angular,最新的angular4.0没有与老版本的有太多依靠关联,因而关于我这个没有太多angular基本的人来讲,门坎也就没那么大了。由于是第一次进修angular,发明在一边学一边忘,虽然大抵的东西记得,但一着手,就发明这个敕令也记不得,谁人操纵步骤也记不清,因而照样决议一边进修,一边纪录。这是我第一次写文章,也不晓得能不能坚持下去,临时尝尝看吧!另有就是这里的内容大部分是来自慕课网的,我也不晓得如许是不是会侵权,如若侵权还望提示!
好吧,如今最先进修吧!
一、环境的搭建
注:我这里的环境是在windows下的。
1、装置node.js
node.js只是须要它的npm敕令,并不须要晓得node.js的详细学问,这个只须要到官方网下载即可,https://nodejs.org/en/。 装置完成后,翻开cmd 输入npm -v 检察是不是装置胜利。
2、装置angular-cli
在装置好了node.js后,输入敕令 npm install -g @angular/cli (假如是mac或是linux须要在npm前加一个sudo) ,然后输入 ng -v 检察是不是装置胜利。
3、装置webstorm
这个直接到官网下载,然后一步步装置即可。(你也可以用别的的编辑东西) 到这一切的东西就装置完成了。
二、建立项目
1、在敕令行输入 ng new auction (aucion是项目的称号)这里默许建立的项目途径在Administrator下 假如要想指定途径,先切换到对应目次下,然后实行实行敕令。完成后,你就能够在对应目次下找到你建立的项目。这里面的目次构造不要随意马虎的去转变位置或是重命名,不然很有能够致使许多敕令不能实行。
2、目次构造
这里简朴解说一个这里的目次构造
e2e这是一个做测试用的,我们在开辟的时刻平常不必去管
node_modules 这里放的是一些模块,包含一些第三方的插件库都是放在这里。
src 我的项目的文件就是放在这里的
.angular-cli.json是这个angular东西的设置文件,这里在引入第三方插件的时刻须要在这里设置
pagepack.json这就是一个npm设置文件,这里纪录一些第三方包,和一些必要的文件
今后另有什么要引见的再说吧。
好了,装置和文件的简朴引见就到这里了。假如有什么不对的处所还望斧正!