Angular4 环境搭建与项目创建与发布

1. 安装node.js     与  npm

Angular4 环境搭建与项目创建与发布 (建议使用淘宝镜像  ,据说速度比较快)  


npm install -g cnpm --registry=https://registry.npm.taobao.org

2安装全局Angular cli

cnpm install -g @angular/cli


3.打开终端   创建项目  

  cnpm  install   myapp


4. 创建完成后 可以看到

Installing packages fortooling via npm


5.进入到项目的根目录下执行

cnpm install

6.第五步执行完成后 启动项目

可以执行cnpm start 后 ng server


执行完成后 webpack: Compiled successfully.

默认端口都是4200:http://localhost:4200 在浏览器中查看

Angular4 环境搭建与项目创建与发布

修改端口ng serve -p 3000

7.打包项目并发布

执行 ng build --prod --aot 执行完成后 项目目录下 会新增加一个dist目录

将该目录拷贝到服务器上发布即可