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

ChristmasBoy 发布于2019-08-20 16:01 / 286人阅读

摘要：这是我第一次写文章，也不知道能不能坚持下去，暂且试试看吧还有就是这里的内容大部分是来自慕课网的，我也不知道这样是否会侵权，如若侵权还望提醒好吧，现在开始学习吧一环境的搭建注我这里的环境是在下的。

写在前面

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

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

idc机房托管服务器托管第一篇深度学习一篇一篇深度学习深度学习看这一篇

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82655.html

前端每周清单半年盘点之 Angular 篇

摘要：延伸阅读学习与实践资料索引与前端工程化实践前端每周清单半年盘点之篇前端每周清单半年盘点之与篇前端每周清单半年盘点之篇前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单；本文则是对于半年来发布的前端每周清单...

LeviDing 2019-08-20 18:54 评论0 收藏0
angular2初入眼帘之－了解component

摘要：通过增加删除元素改变布局的。譬如和控制元素显示隐藏，或者改变元素行为的。譬如设计看过我之前介绍以手写依赖注入的朋友应该已经对行为驱动多少有些了解了。她有，并且包含了至少一个和一个标签。，将左边的事件传递给了右边的表达式通常就是事件处理函数。前集回顾在上一章里我们讲了如何为angular2搭建开发环境(还没搭起来的赶紧去看哦)，并使之跑起来我们的第一个My First Angular...

ixlei 2019-08-19 18:06 评论0 收藏0
SpreadJS 在 Angular2 中支持哪些事件？

摘要：在上一篇文章中，我们学习了在中支持绑定的属性，今天我们来介绍在中支持哪些事件。详细的事件说明，请参考博客。版本即将发布，更多更好的功能尽在新版本中，敬请期待登录官网，了解更多。 showImg(https://segmentfault.com/img/bVP1Wc?w=900&h=500);SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能...

姘搁『 2019-08-20 17:47 评论0 收藏0
个人分享--web前端学习资源分享

摘要：前言月份开始出没社区，现在差不多月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了一般来说，差不多到了转正的时候，会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客，博文推荐分享给大家。 1.前言 6月份开始出没社区，现在差不多9月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了！一般来说，差不多到了转正的时候，会进行总结或者分享会议！那么今天我就...

sherlock221 2019-08-20 18:59 评论0 收藏0
个人分享--web前端学习资源分享

摘要：前言月份开始出没社区，现在差不多月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了一般来说，差不多到了转正的时候，会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客，博文推荐分享给大家。 1.前言 6月份开始出没社区，现在差不多9月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了！一般来说，差不多到了转正的时候，会进行总结或者分享会议！那么今天我就...

Ethan815 2019-08-05 11:54 评论0 收藏0