ng2环境配置
来源:互联网 发布:滴滴算法岗年薪多少 编辑:程序博客网 时间:2024/06/05 20:41
————————2017年4月19日 更新 ————————————
现在看到之前写的东西,才觉得ng的版本实在是更新的不能再快了,还好终于在三月份发布了稳定版4.0
最近换了家新公司,所以需要重新配置环境,就顺便更新一下之前的代码。
现在就开始从拿到新电脑开始配置环境~~
一、ng中的包管理工具npm基于node.js ,所以要先下载。
(1)进node.js官网下载最近node版本(node.js官网)
(2)安装完成后进入cmd查询是否安装成功
node -v / npm -v
(3)在cmd(用管理员打开)中配置angular/cli
详细可查angular官网(这是一个angular官网链接)
npm install -g @angular/cli
(4)安装时需要翻墙。。。因此需要将其改为淘宝源
在cmd中输入 npm config edit 会弹出一个配置的文本文件.npmrc.txt
在第一段后加入
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org/
该段代码即可。
(5)等待安装,完成后查是否成功
在cmd中 ng -v
ok
————————————————————————————————————
(一)配置Angular 2的运行环境
使用Angular-cli进行配置,这是一个较好的解决angular 2环境配置复杂的一个工具,因为Angular 2是基于typescript所编写,因此在安装Angular-cli之前需要安装:
npm install -g typescript typingsnpm install -g angular-cli
npm install -g angular-cli
ng new PROJECT_NAMEcd PROJECT_NAMEng serve
更具体的介绍在angular-cli文档说明
(二)项目结构
创建完一个Angular-cli的项目
1.在app.module.ts中写入所有出现的模块,在模块中引入组件,具体定义的内容写在app.component.ts中。
2.main.ts:通过引导AppModule来启动应用。
(1)通过即时(JIT)编译器动态引导。
(2)使用预编译器(AoT-Ahead-Of-Time)进行静态引导。
- ng2环境配置
- ionic3+ng2++ts环境配置
- ng2 环境准备/工程目录解构/使用ng-bootstrap /
- ng2 DI
- ng2功能模块
- NG2动画
- ng2 路由
- ng2学习笔记(一)初识ng2
- 构建ng2简单练手
- ng2学习初体验
- ng2学习笔记一
- ng2-tab选项卡
- ng2的深入
- ng2路由跳转
- ng2 工程目录
- ng2 碎片1
- ng2 碎片2
- ng2 angular/cli
- CF 219D Choosing Capital for Treeland 树形DP
- Java源码分析01_Integer
- Servlet处理转发和重定向
- 事务管理总结
- MySQL索引背后的数据结构及算法原理
- ng2环境配置
- Makefile详解-使用变量
- 前端学习--多益
- BlockCanary分析android卡顿
- 关于服务器的简单分类
- 多态
- ABAP DESCRIBE FIELD/TABLE 用法 .
- ADC多路采样与稳定显示
- activiti 快速入门--传值取值(4)