写在前面
最近从慕课网买了一个视频教程学习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配置文件,这里记录一些第三方包,和一些必要的文件
以后还有什么要介绍的再说吧。
好了,安装和文件的简单介绍就到这里了。如果有什么不对的地方还望指正!