1. 首页
  2. >
  3. 前端开发
  4. >
  5. Vue

vue框架搭建流程


一、检查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文件夹路径“
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了。