注意要用VUE新版本@vue-cli
一、检查node和npm是否已安装
win+r打开命令工具,输入cmd,后依次输入node -v和npm -v。
若能显示版本号,则安装成功。若不能,node下载路径为Node.js。 npm下载为npm install npm -g
二、配置node环境
1. 首先在node.js的安装目录根目录下新建两个文件夹:node_global和node_cache(第二步cache配置用到);
--
2. 打开命令行工具,输入 npm config set prefix 刚刚新建的node_global文件夹路径
- 如: npm config set prefix D:\\Program Files\\nodejs\\node_global
--
3. 配置缓存cache的路径;
- 配置步骤:输入 npm config set cache "刚刚新建的node_cache文件夹路径
- 用户变量中修改Path变量。npm install express -g
--
4.设置环境变量:
- (1)系统变量中新增NODE-PATH,变量值:“node_gloabal路径/node_modules”;
- (2)用户变量中修改Path变量。npm install express -g
三、安装vue框架
1. 安装全局vue脚手架:npm i vue-cli -g。 暗转完成后查看vue的版本,vue -V,若有,则安装成功。
2. 打开要创建的vue项目目录,输入vue init webpack 项目名称。接下来就一直回车就OK了。1. 1.
标签:node,npm,vue,流程,cache,路径,安装,搭建
From: https://www.cnblogs.com/LuLu-Z/p/16627789.html