AngularJS2.0 入门

发布时间：2020-12-17 09:50:12 所属栏目：安全来源：网络整理

导读：必须安装nodejs 打开系统命令窗口创建文件夹命令：mkdir angular-quickstart 跳转目录命令：cd angular-quickstart 创建 tsconfig.json 文件命令：tsc --init 或 tsc -init 创建 typings.json 文件命令：typings init 创建 systemjs.config.js 文件命令：创

必须安装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:UsersjieAppDataRoamingnpmnode_modulestypingsdistbin.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:UsersjieAppDataRoamingnpmnode_modulestypescriptbintsc tsserver目录：C:UsersjieAppDataRoamingnpmnode_modulestypescriptbintsserver ------------------------------------安装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:UsersjieAppDataRoamingnpmtsd --------------------------------------------------------------------------- 常用命令查看 nvm 版本：nvm -v 查看 node 版本：node -v 查看 npm 版本：npm -v

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!