webpack、vue-cli配置步骤

一、node的安装

1.下载node：官网http://nodejs.cn/download/

 

2.win+r打开终端，输入cmd回车进入终端。

3.输入node -v  回车（node空格-v。注意大小写

 

输入 node -v 回车 如果显示版本号则安装成功 否则失败； 

二、安装cnpm淘宝镜像cnpm -v（它是国内的，比较快）

三、安装webpack：cnpm install webpack -g

 

四、安装脚手架命令：cnpm install -g @vue/cli

 

 查看版本脚手架命令 ：vue -V

 五、创建文件

1、 切换硬盘进你想放入的盘  f：

 

2、创建文件夹 ：mkdir 文件夹名字

 

 

3、进入文件夹 : cd 文件夹名字

 

 4.创建项目：vue create 项目名字

5.选择配置（键盘上下键选择，空格键选中，enter

6.目录结构详解

7.进入项目：cd 项目名 

8.运行项目：npm run serve