angular2开发01

angular2开发01

  • 1. angular2 开发准备

    • 1.1. 安装node
    • 1.2. 安装npm
    • 1.3. 运行qickStart

1 angular2 开发准备

开发环境是linux mint 17.3 64位

1.1 安装node

node在linux的部署主要有三种方式,第一种方式,使用apt-get install nodejs安装,这种方式有缺点,安装后的版本太低(0.10),官网都已经到4.5了; 第二种就是自己下载源码,手动编译二进制,这种方式要求有点高,属于高级用 户方式;第三种方法 直接下载二进制文件解压,只需进行简单配置即可;我采取 第三种方式安装。

  1. node官网 下载最新版,v6.6.0 Currnet,下载后将安装包移动到要安装 到的文件夹下,我放在了/home/flysic/soft/ 下面,依次执行如下命令:
cd ~
cd soft
tar -vxf node-v6.6.0-linux-x64.tar.xz
  1. 进入解压后的目录bin目录下,执行ls会看到两个文件node,npm. 然后执 行./node -v ,如果显示出版本号v6.6.0,说明我们下载的程序包是没有问题。
cd cd node-v6.6.0-linux-x64/bin/
./node -v
v6.6.0
  1. 注意node安装包里带了一个npm程序,这个程序的版本是2.x,虽然可以用, 但是要开发angular2版本就嫌低了,因此需要单独安装最新版的npm
  2. 目前node只能在 /home/flysic/soft/node-v6.6.0-linux-x64/bin这个目录 下访问,因此需要将这个目录添加到PATH路径,或使用软链接;一般在 windowws下使用PATH路径方式,linux使用软链接方式
sudo ln -s /home/flysic/soft/node-v6.6.0-linux-x64/bin/node /usr/local/bin/node

1.2 安装npm

查看npm官网 上没有看到下载,倒是在 npm的github 上看到安装方式,

Fancy Install (Unix)
There‘s a pretty robust install script at https://www.npmjs.com/install.sh. You can download that and run it.
Here‘s an example using curl:
curl -L https://www.npmjs.com/install.sh | sh

使用上面的方式安装,出现一下信息,说明按照成功,这时在 soft/node-v6.6.0-linux-x64/下的bin目录,应能看到新的npm程序,查看版本 (npm -v),应是3.10.8。

  ├── [email protected]
  ├─┬ [email protected]
  │ ├─┬ [email protected]
  │ │ └── [email protected]
  │ └─┬ [email protected]
  │   ├── [email protected]
  │   └── [email protected]
  ├─┬ [email protected]
  │ └── [email protected]
  ├─┬ [email protected]
  │ └── [email protected]
  ├── [email protected]
  └── [email protected]
It worked

目前npm只能在 /home/flysic/soft/node-v6.6.0-linux-x64/bin这个目录下访 问,因此需要将这个目录添加到PATH路径,或使用软链接;一般在windowws下使 用PATH路径方式,linux使用软链接方式

sudo ln -s /home/flysic/soft/node-v6.6.0-linux-x64/bin/npm /usr/local/bin/npm

1.3 运行qickStart

  • 克隆angular2.0的qickStart程序
git clone https://github.com/angular/quickstart angular2_l
cd angular2_l
  • 安装依赖库,程序依赖库配置在package.json文件,执行npm install,等待 安装完成
  • 运行程序,执行npm start

Author: flysic

Created: 2016-09-24 六 22:36

Emacs 25.1.50.2 (Org mode 8.2.10)

时间: 2024-08-23 12:55:24

angular2开发01的相关文章

Webpack + React 开发 01 HelloWorld

1.项目依赖 安装所需要依赖的其它第三方开源库,项目依赖如下: "dependencies": { "babel-core": "^6.21.0", "babel-loader": "^6.2.10", "babel-preset-es2015": "^6.18.0", "babel-preset-react": "^6.16.0&quo

Angular2开发笔记

Problem 使用依赖注入应该注意些什么 服务一般用来做什么 指令一般用来做什么 angular2如何提取公共组件 angular2为什么不需要提公共组件 父组件与子组件之间如何通讯 什么时候应该使用ngModel 为什么要用Typescript?我喜欢JavaScript 为什么如Input之类的语法后面必须加() Solution 使用依赖注入应该注意些什么 首先我们要明白什么是依赖注入(Dependency Injection, DI),Java程序员应该不会陌生,DI是一种编程模式,它

20150411--Dede二次开发-01

目录 一.目前市场流行的电子商城系统 1 二.ecshop的介绍 1 三.安装 2 四.echsop 的目录结构 5 五.分析ecshop里面程序的架构 5 六.小试牛刀把面包屑导航改成两个大于号 6 1.根据php页面找出该页面对应的模板. 6 2.找到category.dwt模板文件,打开找到面包屑导航的位置 6 3.在library目录中找出  ur_here.lbi文件 7 七.init.php文件分析 9 八.完成在用户登录是, 可以使用邮箱登录. 11 九.完成余额显示: 15 十.

分布式监控开发 01 需求

为什么要做监控? zabbix已经这么强大了,为什么要写一个监控 –熟悉IT监控系统的设计原理. 自己写的时候肯定有很多事更zabbix相匹配的. –开发一个简版的类Zabbix监控系统.为以后团队写监控做准备 zabbix在2K以上数量机器的时候,明显会吃力.小米也正是由于这个自己写了open-falcon.那么如果以后我们遇到大数量的服务器的时候,完全也会基于公司的业务去写一个监控. 那么现在练练手也是完全OK的. –掌握自动化开发项目的程序设计思路及架构解藕原则. 监控系统需求讨论 1.可

WebStorm V2017.1版用于Angular2开发的环境设置

1.首先下载一个WebStorm V2017.1版安装,汉化,这个网上有,不做赘述了: 2.双击运行WebStorm,发现提示node.js没安装的提示,安装node.js,再安装Angular-Cli即可 未安装的提示如图:具体对应安装步骤,可以见网站的 安装angular-cli由于网速等各方面问题,会失败,下面介绍一个安装机制,安装步骤来: 1). 运动-->cmd-->(由于 npm 官网镜像国内访问太慢,这里我使用了淘宝的npm镜像)方法如下,输入 npm install -g cn

PHP扩展开发--01.编写一个helloWorld扩展

为什么要用C扩展 C是静态编译的,执行效率比PHP代码高很多.同样的运算代码,使用C来开发,性能会比PHP要提升数百倍. 另外C扩展是在进程启动时加载的,PHP代码只能操作Request生命周期的数据,C扩展可操作的范围更广. 创建扩展骨架 ##本例用的php版本的是5.3.3 cd php-5.3.3/ext/ ./ext_skel --extname=myfun --proto=myfun.def ##执行成功后会生成myfun的编译文件 ls myfun/ config.m4 config

微信小程序开发 [01] 小程序基本结构和官方IDE简介

1.小程序账户注册 实际上在进行开发时没有注册小程序账户也是可以的,官方提供的IDE提供实时编译模拟预览,和当前你有没有绑定小程序账户没有关系. 当然,最终你要正式上线你的小程序的话,肯定还是需要账户的,申请流程不再阐述了,请参考官方文档<小程序注册>,个人开发者选择个人就行了. 2.官方demo和基本结构 在下载官方的小程序开发工具之后,新建项目选择小程序: 然后IDE会自动生成一个简单的小程序,如下: 在中间的目录结构中可以看到,不论是根目录下还是其他单个模块的页面下,有这四类文件: .j

单片机开发——01工欲善其事必先利其器(Keil软件安装破解)

本文是博主<单片机开发>博客第一篇文章,主要讲述51单片机编程软件Keil uVision4的安装及破解过程. 1. Keil uVision4安装包文件 PATH:链接:https://pan.baidu.com/s/1IEUUhND_0F_6pXVbhlJamQ 密码:dqrd 安装包内容:安装文件.破解机.汉化包(不建议汉化). 2. Keil uVision4软件安装 双击安装包,一直"NEXT"到最后,选择Finish,到这里软件的安装过程完成. 3. Keil

微擎人人商城二次开发01

刚开始工作就接触微擎人人商城的二次开发,折腾了很久下面总结下我所学到的: 首先是安装包ewei_shopv2: 将后端ewei_shopv2文件夹上传至微赞微擎Addons目录 文件夹介绍 路由:http://*******/web/index.php?c=site&a=entry&m=ewei_shopv2&do=web&r=agency.productc = site :a = entry表示后台模块m 表示具体哪个模块do 要执行的site类中的doWeb***方法r