AngularJS2.0 入门

前端之家收集整理的这篇文章主要介绍了AngularJS2.0 入门前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
必须安装nodejs 打开系统命令窗口 创建文件夹命令:mkdir angular-quickstart 跳转目录命令:cd angular-quickstart 创建 tsconfig.json 文件命令:tsc --init 或 tsc -init 创建 typings.json 文件命令:typings init 创建 systemjs.config.js 文件命令: 创建 package.json 文件命令:npm init 下面提示让输入一些信息,可以填写相应信息,也可以直接按“回车键”,直到最后提示输入“yes”或者“y” package.json会生成如下2个节点信息 dependencies:运行应用程序所需要包; devDependencies:开发应用所需要包,可以在部署生产环境时除掉 npm install my-application --production 创建 tsd.json 文件命令:tsd init /****** 注意:运行npm install之前,记得先把默认的NPM地址换成国内的(不然你会发现半天都没有反映),也就是先运行下面命令 npm config set registry http://registry.cnpmjs.org 或 npm config set registry https://registry.npm.taobao.org 运行完后,再运行 npm install 这样安装起来会快很多。 ******/ 创建 node_modules 文件夹命令:npm install 或 npm install -save-dev 创建 typings 目录命令:npm run typings install 如果运行完,会报错,把命令改成如下 npm install typings -g 目录:C:\Users\jie\AppData\Roaming\npm\node_modules\typings\dist\bin.js 安装 Angular2 命令:npm install angular2@2.0.0-beta.2 --save npm install angular2 --save-dev 创建 app 子目录命令:mkdir app 启动项目命令:npm start 单独安装express模块 npm install express –save(–save参数表示将该模块写入dependencies属性) npm install express –save-dev(–save-dev表示将该模块写入devDependencies属性) ------------------------------------安装angular2,es6-promiserx,rx,rx-lite--------------------------------------- 安装angular2,es6-promiserx,rx,rx-lite tsd install angular2 es6-promise rx rx-lite ------------------------------------安装angular2--------------------------------------- npm install angular2 或 npm install angular2@2.0.0-beta.2 --save 或 npm install angular2 --save-dev 查看版本命令: ------------------------------------安装typings--------------------------------------- angularJS2.0 TYPESCRIPT配置 https://angular.cn/docs/ts/latest/guide/typescript-configuration.html#!#tsconfig npm run typings install 如果运行完,会报错,把命令改成如下 npm install typings -g 查看版本命令:typings -v 列出已经安装类型定义文件命令:npm run typings list 创建 typings.json 文件命令:typings init ------------------------------------安装typescript--------------------------------------- npm install -g typescript 查看版本命令:tsc -v 编译***.ts文件命令:tsc ***.ts tsc目录:C:\Users\jie\AppData\Roaming\npm\node_modules\typescript\bin\tsc tsserver目录:C:\Users\jie\AppData\Roaming\npm\node_modules\typescript\bin\tsserver ------------------------------------安装systemjs(通用模块加载器)--------------------------------------- npm install systemjs --save-dev 如果运行完,会报错,把命令改成如下 npm install systemjs ------------------------------------安装webpack--------------------------------------- npm install webpack -g ------------------------------------安装vue.js--------------------------------------- npm install vue ------------------------------------安装ionic--------------------------------------- npm install -g ionic ------------------------------------安装tsd--------------------------------------- npm install tsd -g 查看版本命令:tsd --version 或 tsd -V(必须是大写的V) 查询类命令 tsd --查看帮助 tsd init -- 初始化,创建 `tsd.json` 和 `tsd.d.ts` 文件。 tsd query angular2 -- 查询库。 `-i`:版本信息,`-r`:库所需要的依赖关系,`-y`:历史更新记录。 tsd query angular2 -a browse -- 直接使用浏览器打开查询库的github网页,这个功能很酷哈。 tsd query angular2 -a visit -- 直接使用浏览器打开查询库的官页,这个功能很酷哈 安装类命令 tsd install angular2 -- 安装angular2库。`-s`:表示保存版本信息到 `tsd.json`,`-r`:表示连同依赖库一并安装,`-o`:表示强制覆盖已经存在库。 tsd reinstall -- 重新安装所有库。 tsd update -- 重新更新所有库。 tsd link -- 自动将npm或bower已经安装的库连接到`tsd.d.ts`中,我测试了一下,但是没有成功。先放过。 tsd rebundle -- 移除 `tsd.d.ts` 中已经失效的包声明信息。 tsd目录:C:\Users\jie\AppData\Roaming\npm\tsd --------------------------------------------------------------------------- 常用命令 查看 nvm 版本:nvm -v 查看 node 版本:node -v 查看 npm 版本:npm -v 原文链接:https://www.f2er.com/angularjs/148647.html

猜你在找的Angularjs相关文章