项目名称

数智实训室1.0

本地运行方法

• 指令：ng serve。
• 地址栏地址：http://localhost:4200。
• 带参数运行： ng serve --host 192.168.1.188 --port 4200
• 注：如果您更改任何源文件，应用程序将自动重新加载

脚手架指令

创建模块

• 指令：ng generate module 模块名称.
• 指令简写：ng g c 模块名称.

创建组件

• 指令：ng generate component 组件地址+组件名称.
• 指令简写：ng g c 组件地址+组件名称.

创建服务

• 指令：ng generate service 服务地址+服务名称.
• 指令简写：ng g s 服务地址+服务名称.

其他指令 （使用方式与以上相似）

• ng generate directive|pipe|service|class|guard|interface|enum.

代码打包

• 代码打包检错：ng build --prod。
• 代码打包：ng build --base-href(带Hash路由记录的打包)。
• 检错打包：ng build --prod --build-optimizer --base-href（打包检错一次性完成）
• npm run build

数据实时监听socket+stomp

• 引用方式：直接引用，项目内地址为 src/assets/socket；
• socket版本：1.0.0；
• stomp版本：1.7.1；

ES6可读 添加至文件ployfills

• npm install --save-dev babel-polyfill

对称加密文件 crypto-js

-npm install crypto-js --save

字体图标库

• 1.参考网络：http://www.fontawesome.com.cn/faicons/
• 2.导入方法：npm i font-awesome
• 3.使用方法：在angular.js加入css地址
• 4.字体类使用：

图标库bug修护

• 引包导入：npm i @ant-design/icons-angular

更改源码：

更改的源代码全部放入source目录下，不允许放在assets下

• 使用source->ztree中的文件，替换node_modules->ztree->css->zTreeStyle文件夹中的zTreeStyle.css,并且替换该文件夹下的img->zTreeStandard.png文件。
• 使用source->viewerjs中的文件，替换node_modules/viewerjs/dist/viewer.js。
• 使用source->pdfjs/web中的文件，替换node_modules/ng2-pdfjs-viewer/pdfjs/web/viewer.html和viewer.css。

文件说明

• core核心包
• common公用包
• utils 工具类
• page/comComponents 全局共享组件存放位置，在share/shareModule引入，供全局下发至各模拟组件使用
• src/app/pipe:全局自定义业务管道机制文件，当前文件位置先终端创建指令:如-ng g pipe safe 需在share/shareModule引入引入导出,文件业务具体描述需在文件顶部注解

文件操作说明

1. 文件删除时必须调用后台的文件删除接口
2. server层编写在common包下

npm install 报错解决

1.报错: npm ERR! code EPROTO

• npm config set registry https://registry.npm.taobao.org
• npm install -g typescript typings
• npm install -g typescript typings

备注

• 说明：当地址栏存在token参数时，表示从第三方系统跳转，免去登录操作