随笔分类 - Angular2
Angular2学习
摘要:首先安装扩展调试插件debugger for chrome 点击瓢虫按钮,进行调试项目的配置,点击配置按钮 选择Chrome环境, 会弹出Chrome调试配置文件launch.json,修改下端口即可。 若是没有lauch.json配置文件产生,也可以通过以下方式进行配置文件的打开。选择添加配置 再
阅读全文
摘要:一、界面介绍 1.1 界面介绍 1.2 文件夹和文件的打开 文件——>打开文件夹/打开文件 1.3 新建文件/文件夹 新建文件: a. 文件——>新建文件; b. 按Ctrl+n; c. 点文件夹名后面的+号图标。 新建文件夹: 点文件夹名后面的+号图标 1.4 拆分编辑器(分列) 快加键:Ctrl
阅读全文
摘要:Angular2使用bootstrap有几种方式,本文主要介绍两种方式进行Boostrap样式的使用: 一、直接通过静态文件的方式进行引入: 通过命令新建一个Bootstrap的工程 接着在src下的assets下新建一个bootstrap文件夹,将相关的boostrap文件进行引入。 在src目录
阅读全文
摘要:import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 使用JIT编译器引导一个AppModule模块定义的应用 import { NgModule } from '@angular/core'; 定义一
阅读全文
摘要:大家好,今天给大家介绍一下angular,相信做过前端的小伙伴们都知道angular的大名,angularJS自2012年发布起就受到了大家的广泛关注。他首次提出了双向绑定概念让所有人都耳目一新,2016年angular2正式被发布,那么angular2到底有什么值得期待的地方呢,接下来讲一下ang
阅读全文
摘要:初学接触Angular2的时候,通过ng new your-project-name 命令生成一个工程空壳,本文来介绍下每个文件的作用及含义。 先来看看src的文件目录: 文件详解 app/app.component.{ts,html,css,spec.ts} 使用HTML模板、CSS样式和单元测试
阅读全文
摘要:一、常用命令 1.1 npm config list配置项目 可进行相关代理配置,通常可以配置在网络环境较差的情况下,配置相关代理。相关的设置命令如图: 1.2 ng 新建启动项目 常见的有以下文件格式 比如生成一个User的组件就可以利用命令: 1.3 打包编译相关命令 这里--prod参数后,a
阅读全文
摘要:一、环境准备: 先安装node,npm会与node一起安装到环境中。 node准备 npm准备 二、安装环境 首先安装TS的 为啥安装它,ng2使用的开发语言是TS接着安装angular-cli,按照官方文档嗦的,这是个工具,能够帮你快速创建ng2的工程,做个工程空架子吧,可以省很多事. 如果想用c
阅读全文