安装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文件,这个里边就是下载的那些包。

Angular4-在线竞拍应用-开发环境的搭建相关推荐

  1. SpringBoot-从入门到放弃(二) 开发环境的搭建

    SpringBoot-从入门到放弃(二) 开发环境的搭建 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/z23546498/article/deta ...

  2. 物联网LoRa系列-8:LoRa终端应用程序开发环境的搭建

    目录: 一. LoRa终端应用程序开发环境的目标 二. LoRa终端应用程序开发环境的搭建步骤 一.  LoRa终端应用程序开发环境的目标 (1)Protel 99SE:是硬件原理图和PCB开发的工具 ...

  3. android笔记1——开发环境的搭建

    Long Long ago...已经成为了历史,我还是要说出一个真相:早年前,那时候,android还不被大众所认知的时候,当然开发人员也没不像如今那样趋于饱和状态.一位大牛前辈,也是我的学长,那时候 ...

  4. Java开发环境的搭建以及使用eclipse从头一步步创建java项目

    原文:出自本人的Linux博客http://blog.csdn.net/unix21/article/details/18813173 一.Java 开发环境的搭建 这里主要说windows环境下怎么 ...

  5. Java开发环境的搭建以及使用eclipse创建项目

    一.Java 开发环境的搭建 这里主要说windows环境下怎么配置Java环境.如果是Linux环境参考本博客另一篇文章即可: Linux环境安装卸载JDK 1.首先安装JDK java的SDK简称 ...

  6. SSH开发环境整合搭建

    1.建立动态web工程,加入必要的jar包. antlr-2.7.7.jar asm-3.3.jar asm-commons-3.3.jar asm-tree-3.3.jar c3p0-0.9.1.2 ...

  7. 《python 与数据挖掘 》一1.3 Python开发环境的搭建

    本节书摘来自华章出版社<python 与数据挖掘 >一书中的第1章,第1.3节,作者张良均 杨海宏 何子健 杨 征,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...

  8. 微信小程序开发系列一:微信小程序的申请和开发环境的搭建

    我最近也刚刚开始微信小程序的开发,想把我自学的一些心得写出来分享给大家. 这是第一篇,从零开始学习微信小程序开发.主要是小程序的注册和开发环境的搭建. 首先我们要在下列网址申请一个属于自己的微信小程序 ...

  9. java刚工作搭建环境_Java开发环境的搭建

    一.java 开发环境的搭建 这里主要说的是在windows 环境下怎么配置环境. 1.首先安装JDK 点击下载好的exe文件安装即可. 2.接下来我们需要配置环境变量 xp系统下  右键'我的电脑' ...

最新文章

  1. 五子棋博弈树剪枝c语言,五子棋AI博弈树之带Alpha-Beta剪枝的极大极小过程函数...
  2. 一阶电路暂态响应的结果分析。_反激式DCDC变换器的分析、计算与仿真精讲
  3. feedback for last final year project meeting
  4. Scala算术运算符的一览图
  5. 博士申请 | 香港中文大学(深圳)纪冬旭老师招收博士生/研究助理/博士后
  6. 怎么理解python语言_Python语言入门1-理解Python语言
  7. mysql on后加and_mysql加入ON和AND to laravel eloquent
  8. 微信小程序引用阿里巴巴iconfont
  9. css带三角形的对话框
  10. +0.5(加0.5)配合int()实现四舍五入
  11. C/S权限系统得到拼音和五笔的自定义函数(二)
  12. 从移动硬盘安装计算机系统文件,移动硬盘装系统,教您怎么用移动硬盘装系统...
  13. FreeSwitch连接语音网关配置及使用场景
  14. 大学英语计算机统考怎么过,2011年9月大学英语B 统考 计算机网考样题
  15. 中文数字与阿拉伯数字转换(Python)
  16. C代码如何跑起来(程序编译和预处理)
  17. 中国联通沃云----弹性云主机使用说明
  18. java 手机 连接电脑,非智能手机怎么连接电脑
  19. UNIX下PageDown健如何捕捉
  20. 用dw给html动态时间代码,dw中如何制作时间动态代码

热门文章

  1. python求阿姆斯特朗数
  2. MATLAB保存数据为txt或dat格式
  3. 市场调研-全球与中国沉鱼饲料市场现状及未来发展趋势
  4. 重磅,2020广播电视科技创新奖揭晓
  5. 2021年JS解决那些有趣的数学题
  6. Golang开发新手常犯的50个错误
  7. php面试题之PHP核心技术(life)
  8. 商城系统开发使用微信服务号和小程序那个好?
  9. 数列的操作 div2
  10. 谷歌浏览器不能使用opener属性的问题和解决