附:Angular 中文文档:https://angular.cn/docs/ts/latest/quickstart.html、
安装angular cli
步骤1. 设置开发环境
如果你的机器上还没有Node.js®和npm,请先安装它们。请先在终端/控制台窗口中运行命令 node -v 和 npm -v,来验证一下你正在运行 node 6.9.x 和 npm 3.x.x 以上的版本。更老的版本可能会出现错误,更新的版本则没问题。
由于 npm 官网镜像国内访问太慢,这里我使用了淘宝的npm镜像,安装方法如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后全局安装 Angular CLI
测试是否成功,版本
步骤2. 创建新项目
操作步骤(官网)
ng new my-app
cd my-app
ng serve
操作步骤(慕课网)
ng new my-app --skip-install
cd my-app
cnpm install
ng serve
附上:常用命令使用
创建新项目:ng new projectName [options]。
创建组件:ng g component componentName。
启动server:ng serve,默认端口4200。(ng serve --port 4201)
打包:ng build --prod,默认生成/dist目录,并将打包后的结果存放在此。
测试:ng test,使用 karma 运行单元测试。
cli版本:ng version
错误检测:ng lint,运行codelyzer linter检测。
命令参考 (后续补充剩余命令)
1.命令:ng new proName [options]
参数描述
–dry-run -d只输出要创建的文件和执行的操作,实际上并没有创建项目
–verbose -v输出详细信息
–skip-npm在项目第一次创建时不执行任何npm命令
–name指定创建项目的名称
2.测试
使用 karma 运行单元测试
命令: ng test [options]
参数描述
–watch继续运行测试. 默认为true
–browsers , –colors , –reporters , –port , –log-level这些参数直接传递给karma