001Angular2环境准备

0一、安装Node.js 和 npmnode

  安装完成后,在命令行依次使用node -vnpm -v能够看到版本号。npm

0二、安装cnpm浏览器

  npm须要链接谷歌服务器,国内不能正常使用,需安装cnpm。命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org服务器

  使用cnpm -v查看cnpm版本信息。angular2

0三、安装Angular CLI编辑器

  命令行输入cnpm i -g @angular/cli工具

0四、cnpm设置为默认包管理工具测试

  命令行输入ng set --global packageManager=cnpmui

0五、新建angular2工程spa

  命令行输入ng new my-test,在命令行所在目录建立my-test工程。

0六、启动工程

  命令行进入工程目录cd my-test输入ng serve --prod --aot启动工程

  

  监听4200端口,在浏览器访问http://localhost:4200,可看到建立的网页。

0七、cnpm start

  当代码发生变化时,自动从新编译启动,并刷新浏览器。

0八、安装代码编辑器VS Code

  打开VS Code,菜单->文件->打开文件夹->选中my-test文件夹,便可打开编辑my-test工程。

0九、ng命令

  ng serve --prod --aot 启动工程

  ng build --prod --aot编译工程

  ng test 测试工程

  新建相关:

  缩写 全称 解释
ng generate cl class 新建类
i interface 新建接口
c component 新建组件
d directive 新建指令
e enum 新建枚举
m module 新建模块
p piple 新建管道

  例子:

    ng g cl User:新建名为User的类

    ng g c UserComponent:新建名为UserComponent的组件

相关文章
相关标签/搜索