用Angule Cli创制Angular项目

 三.在类型中引进bootstrap和jQuery

    那里本人动用webstorm的Terminal,直接在终端操作

cnpm install bootstrap --save   

cnpm install jquery --save

咱俩在档次中就添加了bootstrap和jQuery,大家能够在node_modules文件夹中找到她们(那几个文件夹放的是第3方库);

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

图片 1

此地必要专注的是:因为angular用的是微软支付的typescript语言,大家必要在顶峰做下边包车型大巴操作,以便让typescript认识bootstrap和jQuery一些字符(比如jQuery的$):

cnpm install @types/bootstrap --save-dev

cnpm install @types/jquery --save-dev

那般我们就在项目中健康使用bootstrap和jQuery了

接下去为Angular四.0准备条件和学会使用Angular cli项目

贰.创设新的体系

  打开终端窗口(那里笔者利用的是webstorm的Terminal,也足以利用微型计算机自带的powershell)

ng new my-app

品种会神速成立达成,接下去你晤面到

Installing packages for tooling via npm

此间假使你选那了Tmall的cnmp镜像,应该最佳在安装完全局Angular
cli后安装一下,有限辅助平常下载工具

ng set --global packageManager = cnpm

接下来大家的花色就创建落成了

图片 2

咱俩会发觉在文书档案中有过多文书,那里参考Angular官方文书档案
,以便认识这么些文件的效益。

图片 3

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

伍)最终项指标包装

   用angular cli开创的种类会有那些文书,大家就必要打包后再发行:

ng build

 

4)项目标开发银行

   运行项目大家能够直接通过:

ng serve

或者是

npm start

那多个的暗中认可端口都以4200:

http://localhost:4200

 那里您也足以修改暗中同意的端口:

ng serve -p 3000

一.条件准备:

  一)在始发工作从前我们必须安装好开发环境

假若您的机械上还从未设置Node.js和npm,请安装他们

(那Ritter别推荐应用Taobao的镜像cnpm,记得今后把npm的一声令下改为cnpm就能够了)

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

下一场大家能够透过node -v和cnpm -v来分别查看node和cnpm安装的本子和结果

node -v
cnpm -v

   
 二)安装全局Angular cli

cnpm install -g @angular/cli