环境搭建
下载安装nodejs
打开nodejs官网,点击硕大的绿色Download按钮,它会根据系统信息选择对应版本(.msi文件)。
node.js插件在windows系统下是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。
PS:Gulp基于node.js,所以要先安装nodejs环境
安装cnpm
|
在cmd命令窗口中直接输入:
按下enter键直接执行,如下图所示:
cnpm –v |
安装完毕之后,需输入:
查看版本号或者关闭命令提示符重新打开,否则安装完毕后直接使用会出现错误。
PS:由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm
全局安装gulp
在确保正确安装nodejs环境的前提下,在命令提示符中输入:
cnpm install gulp –g |
全局安装gulp,从而执行gulp任务。
PS:“-g”表示全局安装
安装完毕之后,输入:
gulp –v |
查看版本号,确认是否安装成功,如图所示:
PS:出现版本号即为正确安装
自动创建
cnpm init
第一种:cnpm install @angular/cli -g
第二种:
PS:package.json是基于nodejs项目必不可少的配置文件,是存放在项目根目录的普通json文件,文件不允许写注释
ng new angular-cli-project |
直接在命令提示符中输入:
PS:angular2的基本文件已经创建,接下来就是下载项目所依赖的nodejs包,用ng new angular-cli-project,直接创建如果不终止的话,默认用npm从国外网站下载资源,下载速度极慢。所以基本文件下载完毕之后,终止进程,然后用cnpm下载项目所依赖的nodejs包
定位到项目目录
cd angular-cli-project |
在命令提示符中直接输入:
安装项目依赖的所有node.js包
cnpm install |
在命令提示符中直接输入: