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

来源:互联网 发布:java游戏引擎 编辑:程序博客网 时间:2024/05/29 18:35

1. 安装node.js     与  npm

 (建议使用淘宝镜像  ,据说速度比较快)  


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


2安装全局Angular cli

cnpminstall-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 在浏览器中查看


修改端口ng serve -p 3000

7.打包项目并发布

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

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

原创粉丝点击