# saas-web

**Repository Path**: James-ZY/saas-web

## Basic Information

- **Project Name**: saas-web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: 1.4
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-28
- **Last Updated**: 2024-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 运行环境配置
1. This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.4
  安装完成后，打开Node.js command prompt，输入如下命令查看版本
  node -v                  当前项目环境:  V18.15.0
  npm -v                                 V9.5.0
  
2. 安装cnpm (cnpm是淘宝提供的npm的国内镜像库)，打开Node.js command prompt输入如下命令进行安装
    npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 查看angular版本
  ng version            当前版本为：V15.2.4

## 项目启动
1. npm install
2. ng serve || npm start    (默认访问路径：http://localhost:4200/)
  说明：`ng serve`是通过@angular/cli来启动项目服务的；而`npm start`会自动执行项目package.json的"scripts"
  {
    ng serve --host=192.168.111.144 --port=4200 --open --dev --aot
    --host：设置网页访问路径，其他客户端可通过此ip访问页面，
    --port：设置访问端口，避免开启多个项目端口占用
    --open：表示启动成功后自动用默认浏览器打开
    --dev：表示以开发模式启动
    --prod：表示以生产模式启动
    --aot：表示启动摇树优化
  }

## npm install 更新依赖 报错 npm ERR! ERESOLVE unable to resolve dependency tree
  原因：npm版本太高，依赖不统一（npm8.x对某些事情比npm6.x更严格）
  解决方案：
  npm install xxx(插件名称) --legacy-peer-deps
  参考链接：https://juejin.cn/post/6971268824288985118

## package.json依赖包配置
  dependencies：项目依赖的基础包，项目构建时会自动根据模块和路由的配置进行打包压缩。
  devDependencies：项目开发时所以依赖的一些工具包，只是在开发环境需要，构建生产环境的dist目录时会自动跳过打包。

## 项目打包 发布构建
从node.js命令行窗口进入项目根目录，运行`ng build`来构建发布项目，通过构建编译打包的文件将会存储在自动生成的`dist/`目录下面。
  npm run build
  {
    "build": "node --max_old_space_size=100000000 ./node_modules/@angular/cli/bin/ng build --prod --build--optimizer --aot --output-hashing=all"
    --max_old_space_size=100000000 --build--optimizer：解决编译报错内存溢出地错误
    --prod：表示以生产环境模式构建项目代码
    --aot：在编译打包时排除未用到的依赖包或文件，减少打包文件体积
    --output-hashing=all：解决浏览器缓存问题
  }

## 代码自动生成
1. ng g m --routing 文件名  生成module & routing文件
2. ng g c 文件名            生成组件