美文网首页
Angular入门

Angular入门

作者: 纳兰禛祎 | 来源:发表于2019-10-13 19:57 被阅读0次

    一.项目初始化

    • 安装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

    相关文章

      网友评论

          本文标题:Angular入门

          本文链接:https://www.haomeiwen.com/subject/ppdkmctx.html