Angular入门

一.项目初始化

  • 安装Angular CLI:
    • 命令:npm install -g @angular/cli
    • 作用:创建项目、生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署
  • 创建工作空间和初始应用
    • 命令:ng new NgDemo --style=less --routing -S
  • 创建模块
    • core:core模块
    • pages:页面所在模块
    • services:服务模块
    • share:共享模块,向应用提供诸如FormsModule、ng-zorro-antd等模块
    • 命令:ng g m <模块名>
  • 配置全局样式文件
    • 在assets目录下新建style文件夹用于存放全局样式文件
    • 将src下的styles.less文件移入assets/style中
    • 更改angular.json中的全局样式文件路径

二.将本地项目提交至github仓库

  • 执行命令:
    • git add . 将目录下所有文件加入暂存区
    • git commit -a -m “messages” 将项目提交至本地仓库
    • git remote add origin [remoteurl] 添加远程仓库origin
    • git push -u origin master 将本地项目提交至远程仓库
https://github.com/cjchnwscqwsbsy/NgDemo
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Angular介绍 Angular安装、创建项目、目录结构、组件、服务 创建组件、绑定数据、绑定属性、数据循环、条...
    地瓜粉丝阅读 3,680评论 0 2
  • angular安装与新建工程 安装nodejs,最新版本即可,略过 安装angular,当前版本8.2.2 安装最...
    于八折_5f03阅读 6,709评论 1 2
  • angular简介 angular是一个框架,诸多类库的集合,以数据和逻辑为核心; MVC modal-view-...
    Rella7阅读 3,709评论 0 2
  • 建立angular开发环境有两种方式 1.下载angular种子项目 2.安装angular-cli命令行 利用c...
    流年_338f阅读 4,073评论 0 3
  • 文|岁月流深 生活中我们经常会碰到这样的人:他们读完大学读硕士,甚至博士,然后进入了职场。但在实际工作中,人们眼里...
    岁月流深阅读 4,619评论 8 24

友情链接更多精彩内容