Angualr项目目录划分(模块设计)

62 阅读1分钟
  • npm i @angular\cli -g //安装脚手架
  • ng --version //查看版本
  • ng new myApp //创建一个angular项目
  • npm start //启动项目
  • 在assets目录下面新建一个styles文件夹,把全局的样式文件style.less放在这里并且改为叫做index.less
  • 在angular.json中更改样式文件的路径

ng.jpg

  • 安装样式初始化文件
    npm i minireset.css

ng2.jpg

  • npm start //重启服务

为了不让AppModule过于臃肿,对项目进行模块划分

  • npm g m core

ng.jpg

  • 把AppModule中的东西放过来

ng.jpg

  • ng g m share //创建一个共享模块

ng.jpg

  • ng g m pages //管理各个页面的模块

ng2.jpg