当前位置: 首页 > news >正文

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配置文件,这里记录一些第三方包,和一些必要的文件
以后还有什么要介绍的再说吧。

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

相关文章:

  • 回溯算法入门及经典案例剖析(初学者必备宝典)
  • Linux系统的LOG日志文件及入侵后日志的清除
  • C# int? 关键字
  • 4-机器学习启蒙- 聚类和相似度模型
  • 1.2—Spring项目快速搭建—2.基于Spring Tool Suite搭建
  • “box-shadow”属性(转)
  • SQL Server 使用 Pivot 和 UnPivot 实现行列转换
  • 博通孔海泉:一个完全无线连接的市场要解决4个问题
  • CCF NOI1048 检测矩阵
  • IndexedDB
  • pl/sql 笔记之存储过程、函数、包、触发器(下)
  • mysql的库和表相关操作
  • Exchange 2010升级sp2报错
  • 【Cocosd2d-x CCMenu菜单之二】
  • ISO8583开发注意事项和心得体会
  • 【162天】黑马程序员27天视频学习笔记【Day02-上】
  • gitlab-ci配置详解(一)
  • Java 9 被无情抛弃,Java 8 直接升级到 Java 10!!
  • JS专题之继承
  • Laravel Mix运行时关于es2015报错解决方案
  • nodejs调试方法
  • WinRAR存在严重的安全漏洞影响5亿用户
  • 关于for循环的简单归纳
  • 理解 C# 泛型接口中的协变与逆变(抗变)
  • 面试遇到的一些题
  • 区块链分支循环
  • 新书推荐|Windows黑客编程技术详解
  • 源码之下无秘密 ── 做最好的 Netty 源码分析教程
  • FaaS 的简单实践
  • 积累各种好的链接
  • ​ssh免密码登录设置及问题总结
  • ​软考-高级-信息系统项目管理师教程 第四版【第19章-配置与变更管理-思维导图】​
  • (175)FPGA门控时钟技术
  • (2022 CVPR) Unbiased Teacher v2
  • (k8s中)docker netty OOM问题记录
  • (libusb) usb口自动刷新
  • (二)Eureka服务搭建,服务注册,服务发现
  • (二)换源+apt-get基础配置+搜狗拼音
  • (附源码)springboot猪场管理系统 毕业设计 160901
  • (机器学习的矩阵)(向量、矩阵与多元线性回归)
  • (转)h264中avc和flv数据的解析
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • *Django中的Ajax 纯js的书写样式1
  • .NET Compact Framework 多线程环境下的UI异步刷新
  • .NET CORE Aws S3 使用
  • .NET企业级应用架构设计系列之开场白
  • .NET委托:一个关于C#的睡前故事
  • .NET正则基础之——正则委托
  • .sh
  • 。Net下Windows服务程序开发疑惑
  • /usr/lib/mysql/plugin权限_给数据库增加密码策略遇到的权限问题
  • @Controller和@RestController的区别?
  • [20171113]修改表结构删除列相关问题4.txt
  • [CSS]CSS 字体属性