Angular配置环境以及创建项目

前端之家收集整理的这篇文章主要介绍了Angular配置环境以及创建项目前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

环境搭建

下载安装nodejs

打开nodejs官网,点击硕大的绿色Download按钮,它会根据系统信息选择对应版本(.msi文件)。

node.js插件在windows系统下是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。

PS:Gulp基于node.js,所以要先安装nodejs环境

安装cnpm

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

在cmd命令窗口中直接输入:

按下enter键直接执行,如下图所示:

cnpm –v

安装完毕之后,需输入:

查看版本号或者关闭命令提示符重新打开,否则安装完毕后直接使用会出现错误

PS:由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm,cnpmnodejsnpm用法一致,只是在执行命令时,将npm改为cnpm

全局安装gulp

在确保正确安装nodejs环境的前提下,在命令提示符中输入:

cnpm install gulp –g


全局安装gulp,从而执行gulp任务。

PS:-g”表示全局安装

安装完毕之后,输入:

gulp –v


查看版本号,确认是否安装成功,如图所示:

PS:出现版本号即为正确安装

自动创建

第二.自动创建,在命令提示符中输入:

cnpm init

此时可以去相应文件夹下看到package.json文件

第一种: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

在命令提示符中直接输入:

猜你在找的Angularjs相关文章