Angular-hello world

环境搭建- 安装angular-cli

用npm安装typescript和typings

npm install -gtypescript typings

安装angular-cl

npm install -gangular-cli@latest

ngnew ProjectName //ProjectName为你的项目名,用此命令建立基本文件,然后强制终止

cd ProjectName

cnpm install //下载node-modules库

ngserve // 启动项目

接下来在浏览器输入http://localhost:4200

PS:使用npm默认从国外网站下载资源,cnpm默认从国内网站下载资源。

angular-cli创建基本文件:

angular-cli.json是angular-cli的配置文件,

测试配置文件karma.conf.js

typescript的lint配置文件

端到端的测试配置文件protractor.conf.js

导入es6模块的配置文件polyfills.ts

angular工程的main.ts引导启动文件

全局样式style.css

typescript配置文件ts.config.json;

typescript的声明文件typings.d.ts

angular组建app.components相关的css,html,ts

这些配置都是angular2的生产项目中需要配置的文件

关键点:

1.添加组件Component

ng g component home

ng g component about

2.添加模块Module

PS:默认下载到G:\Angular2研究\angular-cli-login\src\app

ng g modulehome

ng g module about

相关推荐
麦麦大数据13 分钟前
F051-vue+flask企业债务舆情风险预测分析系统
前端·vue.js·人工智能·flask·知识图谱·企业信息·债务分析
1024肥宅15 分钟前
现代 JavaScript 特性:ES6+ 新特性深度解析与实践
前端·javascript·面试
速易达网络24 分钟前
基于Java Servlet的用户登录系统设计与实现
java·前端·mvc
晨光321141 分钟前
Day34 模块与包的导入
java·前端·python
BD_Marathon1 小时前
Vue3_关于CSS样式的导入方式
前端·css
苹果电脑的鑫鑫1 小时前
vue和react缩进规则的配置项如何配置
前端·vue.js·react.js
BD_Marathon1 小时前
Vue3_工程文件之间的关系
前端·javascript·vue.js
weibkreuz1 小时前
模块与组件、模块化与组件化的理解@3
开发语言·前端·javascript
拾忆,想起1 小时前
单例模式深度解析:如何确保一个类只有一个实例
前端·javascript·python·微服务·单例模式·性能优化·dubbo
RealizeInnerSelf丶1 小时前
Web 网页如何唤起本地 Windows 应用并传递参数(含 Electron 自动注册 + 手动配置指南)
前端·windows