vue框架搭建流程

vue框架搭建流程

注意要用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文件夹路径“
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了。