Angular项目搭建

2018-11-01  本文已影响4人  柳源居士

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请求:

  1. 使用Postman来测试json-server。
  2. 使用VS Code 的REST Client插件。(使用文本形式来模拟Http请求)

创建项目:

  1. 项目模块划分。
    根据功能,将系统功能划分为不同模块。
    如共享模块、核心模块等。
  2. 创建项目及目录结构
  3. ng new projectname --skip -install (缩写:ng new projectname -si)
    此命令创建项目时会只创建项目结构,而不同时添加项目的依赖。
    因为GFW的原因,有些项目依赖可能安装不成,需要使用yarn 或者cnpm 来替代安装。
    --style=scss
  4. 创建项目结构
    ng g m 文件夹路径/name :创建模块module
    会在app文件夹下创建模块名称的文件夹以及包含模块名称的module.ts 文件。
    ng g c 文件夹路径/name: 创建组件component
上一篇下一篇

猜你喜欢

热点阅读