nodejs安装、npm环境配置和生成vue项目

nodejs安装、npm环境配置和生成vue项目 1.下载nodejs（指定版本）2.安装Node.js2.1.安装2.2 验证Node.js版本 3.配置环境变量3.1 配置全局安装的模块路径和缓存路径4.配置环境变量4.1 配置NODE_PATH变量4.2 配置path变量 5.添加常用的模块5.1 添加express模块5.2 添加淘宝镜像5.3 添加webpack模块5.4 添加vue-cli5.5 验证是否安装成功 6. 生成vue项目6.1 生成项目6.2 运行vue项目

1.下载nodejs（指定版本）

下载地址：https://nodejs.org/zh-cn/download/releases/

找到指定版本号，点击“下载”，根据电脑版本位数选择相应的nodejs安转包。

2.安装Node.js 2.1.安装

提示：安装过程中，需要指定文件位置，安装Node.js。后续配置npm环境要用到。

2.2 验证Node.js版本

1）Win+R，进入命令提示符
2）node -v，查看node版本号
3）npm -v，查看npm版本号

3.配置环境变量 3.1 配置全局安装的模块路径和缓存路径

提示：找到安装Node.js的文件路径，新建node_cache，node_global文件夹。

npm config set prefix "D:\Program Files\nodejs\node_global"			///配置模块路径
npm config set cache "D:\Program Files\nodejs\node_cache"			///配置缓存路径

4.配置环境变量 4.1 配置NODE_PATH变量

提示：右键“开始菜单”—》系统—》高级系统设置—》环境变量
在用户变量下面配置node_path变量：

NODE_PATH：D:\Program Files\nodejs\node_modules

4.2 配置path变量

在用户变量下面配置path变量：

path：D:\Program Files\nodejs\node_global

5.添加常用的模块 5.1 添加express模块

npm install express -g

5.2 添加淘宝镜像

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

5.3 添加webpack模块

npm install webpack -g

5.4 添加vue-cli

npm install vue-cli -g

5.5 验证是否安装成功

6. 生成vue项目 6.1 生成项目

提示：找到生成项目的路径，路径框输入cmd，进入命令提示符。

vue init webpack vue002						///vue002：项目名

6.2 运行vue项目

提示：用vsCode打开项目，输入

npm run dev

鼠标移至http://localhost:8080地址上面，ctrl+单击，自动跳转网页。