0一、安装Node.js 和 npmnode
安装完成后,在命令行依次使用node -v 和 npm -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=cnpm。ui
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的组件