安装Nodejs,Angular CLI,WebStorm
安装Node.js
去Node.js的官网,https://nodejs.org/en/,点击下载按钮,node-v6.11.3-x64.msi,直接下一步下一步安装即可,软件会自动写入环境变量中,这样就能直接在cmd命令窗口中直接使用node或npm(包管理工具)命令。
安装完后执行node -v
,会显示出其版本号,代表安装成功。
Angular 4.0基于node.js,所有要先安装nodejs环境。
安装cnpm
npm是一个包管理工具。由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm。
在cmd命令窗口中输入,然后回车
npm install cnpm -g --registry=https://registry.npm.taobao.org
安装完毕时候输入cnpm -v
,查看是否安装成功。
安装TypeScript和typings
angular-cli是用TypeScript写的,所以需要安装TypeScript和typings。
输入
cnpm install –g typescript@2.2.2 typings
安装完后输入tsc -v
,出现版本号即安装成功。
安装 angular-cli
cnpm install –g @angular/cli@1.0.0
之后输入ng -v
,出现版本号即安装成功。
ng即为angular。
设置cnpm为默认的包管理工具
ng set --global packageManager=cnpm
安装WebStorm
去官网下载WebStorm-2017.2.4.exe,在License server中输入http://idea.imsxm.com/,来激活软件。
新建项目
在命令行中进入到自己想建项目的文件夹中,执行下面的命令,ng就是Angular的缩写
ng new auction
auction是项目的名称。
之后会创建项目的基本文件,然后下载项目所依赖的node.js包。默认是用npm从外国网站下载资源,下载速度极慢。所以基本文件下载完毕后,ctr+c,终止进程,然后用cnpm下载包。如果前面设置cnpm为默认的包管理工具,就会默认从cnpm下载了。
安装依赖的node.js包
进入到auction文件夹,然后执行cnpm install
。之后就会下载大概100多兆的东西。
之后会在auction中多出一个node_modules文件,这个里边就是下载的那些包。
原文链接:https://www.f2er.com/angularjs/145795.html