详细的angular开发环境配置

使用angular-cli创建angular项目

Angular介绍

    Angualr是一款来自谷歌的开源的web前端框架，诞生于2009年，由MiskoHevery等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。
    Angualr基于TypeScript和react、vue相比Angular更适合中大型企业级项目。

Angular环境搭建

1.安装node.js

此node.js版本是10.15.3，解压zip即可用，不需要安装
node.js地址：https://pan.baidu.com/s/1FCmNo8_iYSiQM0w6IW2J1Q
提取码：xon2

1. 配置node.js环境变量
   我的路劲是 ：E:\node-v10.15.3-win-x64\node-v10.15.3-win-x64
2. 在nodejs根目录创建node_global和node_cache
   在cmd中设置模块保存目录命令： npm config set prefix “E:\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_global”
   在cmd中设置缓存目录命令： npm config set cache"E:\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_cache"
3. 配置node_global环境变量    我的路劲是：E:\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_global
4. 打开cmd 设置taobao镜像，使用cnpm命令 npm install -g cnpm --registry=http://registry.npm.taobao.org
5. 安装需要的模块 cnpm install 模块名称-g 注意： -g
   表示将内容下载到模块目录中global 例如：cnpm install vue-cli -g

2.检测node.js是否配置成功

输入命令查看版本号

node -v

出现版本号就是配置好了

3.使用npm/cnpm安装angular-cli

npm install-g@angular/cli  或者cnpm install-g@angular/cli

4.检测angular-cli是否安装成功

打开cmd输入命令

ng version

出现以下图片就是安装成功了

创建angular项目

1.打开命令行工具找到你要创建项目的目录

2.输入 ng new 项目名称

输入命令后会出现如下图所示
第一句英文的意思是：是否给项目添加路由
然后后面就是选择css/scss/sass

创建完成后不需要npm install,因为在创建的时候就已经给你下载好了

然后cd 到项目路劲

输入命令启动项目

ng serve

制作不易，点个赞吧