nodejs安装、npm环境配置和生成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+单击,自动跳转网页。