• 2-1 CLI 工程结构



    ng new 项目名称:去创建一个angular的项目

    ng new pinduoduo
    是否需要添加路由,选择否

    选择传统的css

    rm -fr pinduoduo:删除刚才创建的项目

    ng new pinduoduo --skip-install:只生成文件,但是不安装npm的依赖项

    ng new pinduoduo --skip-install --style css --routing false

    ng new --help:查一下ng new指令支持什么东西,可以看到它支持很多的参数

    ng help:查看ng下面有哪些自命令

    如果npm install 命令安装报错。 可以用命令 ls -la把node_modules目录先删除


    ng serve:启动一个开发的服务,将代码进行编译


    不同的代码编译器中,维持同样的代码风格:.editorconfig
    例如不同的


    .gitifnore:git中忽略的文件列表

    angular.json:整个项目angular的定义文件

    browerserslist:维持浏览性兼容性的文件

    karma.conf.js:单元测试的


    package.json

    dependencies:项目依赖,项目会直接使用的依赖


    devDependencies:开发依赖,
    typescript并不会跟随你发布的版本,只会在写代码的时候用到。最终还是生成为javascript,所以只在开发阶段用。

    安装直接的依赖:
    npm i -S 等于 npm i --save
    也就是-S 等于 --save
    i就是install的缩写

    安装开发依赖:
    npm install --save-dev 软件包名


    ~和^:
    ~:保证前两个的固定,例如 8.0.0,保证的是8.0
    ^锁定大版本,数字第一个

    前面啥都不写就是严格的要求必须是8.0.0的版本

    package-lock.json:版本的依赖包锁定


    script:脚本

    npm run ng 和实际用ng是一样的


    npm调用的命令是写在你的配置文件夹中的
    例如你全局安装了cli是8.0的,但是你要运行一个angular 6.0版本的程序,那么用ng 直接运行的就是8.0的
    你用npm 去运行,它运行的就是你配置文件中的版本

    npm run start:实际上就是这里的ng serve


    README.md:markdown格式的文档

    针对ts进行配置

    继承tsconfig.json

    tsconfig.spec.json:带spec是争对测试的
    最终编程es5的代码也就是平时用的javascript的版本

    tslint.json:做静态代码扫描,定义规则
    引号的规则,这里规定的是single,必须是单引号


    例如这里我们写成双引号就会有提示绿色的波浪线

    点击快速修复就会修复为单引号




    ng lint:会对整个工程的文件进行扫描

     

    回顾















     

  • 相关阅读:
    Spring AOP
    Spring IOC
    Mysql数据库
    Java实现发送手机验证码功能
    jqzoom插件制作仿京东商品详情页面图片特效
    tomcat7中cookie写入中文引发Control character in cookie value or attribute异常
    javascript对cookie进行管理
    queryrunner Basedao的使用
    BeanUtils String转Date注册器
    Dbutils学习
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/11096460.html
Copyright © 2020-2023  润新知