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

你可能感兴趣的:(Angular入门)