angular学习第一篇-----环境搭建

发布时间:2019-06-14 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了angular学习第一篇-----环境搭建脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
写在前面

最近从慕课网买了一个视频教程学习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配置文件,这里记录一些第三方包,和一些必要的文件
以后还有什么要介绍的再说吧。

好了,安装和文件的简单介绍就到这里了。如果有什么不对的地方还望指正!

脚本宝典总结

以上是脚本宝典为你收集整理的angular学习第一篇-----环境搭建全部内容,希望文章能够帮你解决angular学习第一篇-----环境搭建所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。