npm i --save -g :全局项目生产环境依赖
npm i --save -dev :项目开发环境依赖
npm uninstall -g :全局删除依赖
npm cache clean :依赖缓存删除
ng new projectname :创建项目
ng build -prod :编译生产环境
ng serve :启动开发服务器
虚拟模拟数据:
json-server
npm i-g json-server
功能:使用json文件来模拟服务器端数据。支持Rest Api的method
如何使用:json-server 文件地址 uri/xx.json
会将json数组对象生成Resources目录。
测试 Http请求:
- 使用Postman来测试json-server。
- 使用VS Code 的REST Client插件。(使用文本形式来模拟Http请求)
创建项目:
- 项目模块划分。
根据功能,将系统功能划分为不同模块。
如共享模块、核心模块等。 - 创建项目及目录结构
- ng new projectname --skip -install (缩写:ng new projectname -si)
此命令创建项目时会只创建项目结构,而不同时添加项目的依赖。
因为GFW的原因,有些项目依赖可能安装不成,需要使用yarn 或者cnpm 来替代安装。
--style=scss - 创建项目结构
ng g m 文件夹路径/name :创建模块module
会在app文件夹下创建模块名称的文件夹以及包含模块名称的module.ts 文件。
ng g c 文件夹路径/name: 创建组件component
网友评论