【最新详细】使用Angular创建第一个项目（前端框架angular入门）

简单说一下angular

很多人说angular1火了一时，angular2却难产了，所以较之vue和react,它快无人问津了。实则不然，如今angular8都有了，这个框架还在被人用，而且还很多。我刚入门，深知前路坎坷。但事实上，无论什么框架，好好学习和了解它里面的原理，最终都会殊途同归。

命令行搞起来

1、先把环境搭建起来。所有的前端脚手架都依赖node，所以要先下载node。
下载之后 node -v
npm -v
查一下是否存在

2、安装cli
【建议先搞完解决步骤再安装脚手架，这样少走一些坑】
安装完之后，可能会出现各种问题。
最常见的问题是 npm环境变量没有配置 导致的

【解决步骤】：
⑴命令行
npm config get prefix //查到位置信息 一般都是装在C盘那个位置
然后到电脑桌面 在我的电脑图标右键》属性》高级系统配置 添加变量
新建變量NPM 填入刚刚用命令行查到的地址
再在path那裏添加%NPM% 保存

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

⑶npm i npm -g
npm i @vue/cli -g

⑷cnpm i @vue/cli -g

搞完再安装angular的脚手架
npm install -g @angular/cli
cnpm install -g @angular/cli
一般两句都可以下载脚手架 但第一句比较慢，也有可能无法执行 所以 推荐第二句

建一个angular项目

还是在命令行

ng -v
查看是否安装完成

ng new angurdemo //后面为文件名 随意取

路由是需要的 选择yes
根据自己的需要选择css或css预处理器

装完之后
cd angulardemo

进入这个项目文件夹中 添加依赖
cnpm install

ng serve --open
自动从IE浏览器打开项目 但是由于IE不兼容 所有不会出现angular的项目
谷歌打开 出现angular的网页界面 即项目新建成功！

补充说明

我用的是win10系统。进入自己想创建的项目的文件夹那里，摁住shift的键打开powershell窗口
输入start cmd
自动进入该文件夹的命令行窗口 然后开启你的angular之旅吧~

对了，除了在命令行可以新建之外，直接下载vscode编辑器，打开终端，输入命令，也一样可以实现！