Angular初体验---搭建脚手架（遇到的问题）

搭建脚手架之前，需要安装nodejs，npm，python以及c++编译工具【Angular需要依赖python我是没想到的】

一、安装node【我安装过了】

查看node版本

node -v

二、安装npm【我也安装了】

查看npm版本

npm -v

三、安装python【我也安装过了】

查看python版本

python --version

以上如果都有显示版本类型就说明安装成功

四、安装c++编译工具

npm install --global --production windows-build-tools

五、配置镜像地址

npm config set registry https://registry.npm.taobao.org

六、搭建脚手架

npm install -g @angular/cli

七、验证安装成功

ng --version

如果有显示版本类型就说明搭建成功了

接下来就可以新建项目了

八、新建项目

ng new 项目名

基本 *** 作都是这样的，但是我真的很不顺利，开荒真的好难啊~

问题1、当我进行到 ng --version 的时候，nodejs的版本需要在12.20-12.15之间，然而我当时的版本在12.10，于是

查看当前node版本

npm -v

查看当前系统node列表

nvm ls

 发现有相对应的版本，于是我选择切换版本号

nvm use 版本号

 问题2、安装依赖的时候真的把我整迷了，很多教程都是通过新建cnpm *** 作的，但是到后面ng new项目的时候就会报错【出现 settimeout is not defined的问题】，主要原因是镜像用了cnpm有误，应该用npm

一开始我是用这个命令行的：【就会出现以上的问题】

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

如果当你new项目的时候也出现了settimeout is not defined的问题的话，就需要重新卸载angular

彻底卸载angular

npm uninstall -g angular-cli
npm uninstall @angular/cli
npm cache clean

另外删除nodejs文件里面安装的angular依赖以及cnpm

重新安装镜像依赖

npm config set registry https://registry.npm.taobao.org

另外，如果搭建脚手架【npm install -g @angular/cli】的时候安装不成功，也和这个cnpm有关

问题3、 初始化项目【ng new 项目】的时候一直停留在【install packages ....】

原因是因为angular创建项目之后自动初始化项目

因此，

（1）【跳过加载node_module包】

ng new 项目名 --skip-install

 （2）执行初始化

npm install

当执行ng serve说明成功

研究了一晚上，开荒了TAT