Node.js的安装和环境配置以及Angular环境搭建（Windows）

一.Node.js的安装和环境配置

1.官网下载

点击下载

2.安装测试

2.1安装

随后点击安装

2.2测试

安装完成后测试

查看node的版本

node -v

查看npm的版本（node安装时自带npm）

npm -v 

3.配置环境

3.1配置模块路径和缓存路径

在Nodejs目录,创建node_global，node_cache文件夹

以管理员身份打开命令提示符（cmd）！！！

注意要用自己的路径！以及prefix和cache！

npm config set prefix 自己nodejs的路径\node_global
npm config set cache 自己nodejs的路径\node_cache

 运行！

3.2配置环境变量

右击此电脑-->属性-->高级系统设置-->环境变量

在系统变量新建一个变量

变量值是Nodejs所在的位置

找到环境变量中的Path

修改安装Nodejs时自带的环境为%NODE_HOME%

新建以下两个变量：

%NODE_HOME%\node_cache

%NODE_HOME%\node_global

4.测试结果

以 express 模块 进行测试

以管理员身份打开命令提示符（cmd），输入

npm install express -g

运行成功 

 node_modules文件夹中出现express

ps：这里可能存在下载过慢或者卡住的问题，我当时试了更换手机热点，以及更改Nodejs文件夹权限方式，问题得到了解决

5. 全局配置环境

以管理员身份打开命令提示符（cmd）！！！

配置淘宝镜像

npm config set registry https://registry.npmmirror.com

 查看

npm config ls

安装webpack

npm install webpack -g

二.Angular环境搭建

1.安装环境

全局安装Angular CLI

npm install -g @angular/cli

安装完成后关闭cmd，重新以管理员身份运行

执行 ng v ，查看angular版本

2.创建Angular项目

进入到需要创建项目的目录

ng new angular1

第一个问题：是否添加路由模块，选择y，第二个问题：选择样式编写方式，选择Less

启动项目，进入 `angualr1` 目录

`npm run start` 启动

浏览器搜索locahost：4200

一些简单命令：

Angular创建组件：`ng generate component [组件名称]` 缩写 `ng g c [组件名称]`
Angular添加第三方库：`ng add [第三方库名称]` ,这个根据第三方库的要求使用`ng add`或`npm install`
Angular打包：`ng build --prod`

结束