于是Angule Cli创建Angular项目

Node.js 1

Angular4.0来了,更小,更快,改动少

连着下吗Angular4.0准备条件与学会使用Angular cli项目

1.条件准备:

  1)在开班工作前我们不能不设置好开发环境

设若您的机器及还未曾设置Node.js同npm,请安装他们

(这里特别推荐下淘宝的镜像cnpm,记得以后管npm的指令改吧cnpm就得了)

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

接下来我们好由此node -v和cnpm -v来分别查看node和cnpm安装的本和结果

node -v
cnpm -v

   
 2)安装全局Angular cli

cnpm install -g @angular/cli

2.创办新的门类

  打开终端窗口(这里自己下的是webstorm的Terminal,也可以使用计算机自带的powershell)

ng new my-app

品类会快速创建好,接下去你见面见到

Installing packages for tooling via npm

此处要你选择这了淘宝之cnmp镜像,应该最好于设置完全局Angular
cli后装一下,保证健康下载工具

ng set --global packageManager = cnpm

然后我们的类型即使创造好了

Node.js 2

咱见面发现以文档中出众多文本,这里参考Angular官方文档
,以便认识这些文件之图。

 3.以品种蒙引入bootstrap和jQuery

    这里自己以webstorm的Terminal,直接以终点操作

cnpm install bootstrap --save   

cnpm install jquery --save

咱俩当类型受到虽加加了bootstrap和jQuery,我们得以在node_modules文件夹着找到他们(这个文件夹放之是第三方库);

下一场我们要操作.angular-cli.json文件,把bootstrap和jQuery添加进去:

Node.js 3

此间要注意的凡:因为angular用的是微软支付之typescript语言,我们用在终极做下的操作,以便让typescript认识bootstrap和jQuery一些字符(比如jQuery的$):

cnpm install @types/bootstrap --save-dev

cnpm install @types/jquery --save-dev

这般咱们就于Node.js路面临正常使用bootstrap和jQuery了

4)项目之开行

   启动项目我们好一直通过:

ng serve

或者是

npm start

即点儿独底默认端口还是4200:

http://localhost:4200

 这里您为堪修改默认的端口:

ng serve -p 3000

5)最后项目的包装

   用angular cli创始的种会来过多文本,我们即便需打包后重新发行:

ng build