美文网首页
Angular项目搭建

Angular项目搭建

作者: 柳源居士 | 来源:发表于2018-11-01 00:29 被阅读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

    相关文章

      网友评论

          本文标题:Angular项目搭建

          本文链接:https://www.haomeiwen.com/subject/hczztqtx.html