【Angular】之Angular环境搭建

前言

   小编最近在学习angular的内容,万事开头难,完成了开头也便成功了一半。这句话小编在这次的学习实践之旅中,深有体会,下面小编就来讲一讲,angular环境搭建之旅吧!

一、环境搭建

  1.下载Node.js
   官网:https://nodejs.org/en/
   使用版本8.11.1,适合大多数用户(否则可能会出现版本冲突的问题,小编走过弯路。)
   
这里写图片描述

      
2.进入CMD安装
具体的安装过程可以参考博客《Angular环境搭建》https://blog.csdn.net/yuzhiqiang_1993/article/details/70858829

3.出现了warn不要管

这里写图片描述

4.环境变量的设置
(1)小编安装Node.js的路径在D盘

这里写图片描述

(2)小编的系统盘C盘生成以下文件夹
原因是小编在安装angular的环境时,是在此路径下操作的,

这里写图片描述

  其中这两个文件夹里面有安装好的所有angular环境需要的东西;
  
这里写图片描述
  
(3)系统环境变量修改设置

  a.打开系统环境变量设置窗口

这里写图片描述

  b.用户变量下的path路径,保证具有这两个路径。

这里写图片描述

  c.系统变量下的path,也同样保证具有node.js的安装路径。

这里写图片描述

二、工具安装

  
1.第一种VScode
  这个工具是轻便型的,需要自己额外安装一些插件,对于新手来说,操作上可能会有一些障碍,对于一个熟悉angular操作的程序员,无疑是一个很好的选择。

VSCode下载地址

这里写图片描述

  通过终端创建项目

这里写图片描述
  
2.第二种webStorm
   这款工具,占用空间大,不过集成性比较好,可以自己创建项目,不需要通过命令符创建。
            
这里写图片描述

小结

  这两种工具的熟悉,得益于自己通过不断地试错,改错,思考加上总结,对于angular环境的搭建有了一些自己的小认识。

感谢您的访问!

猜你喜欢

转载自blog.csdn.net/m18633778874/article/details/80245152