VUE的配置超详细版

一、首先先确定node.js的安装环境：

1.按键WIN+R输入cmd回车

 2.输入 node -v 回车正常显示node.js版本

    输入 npm -v 回车正常显示npm版本

    如下图所示表明环境已安装完成，如果没有请参考VUE的简单安装最新版

 二、安装VUE脚手架:

由于原生npm访问的节点是国外的，下载速度实在可爱，所以我们用淘宝镜像来安装

在cmd中输入以下内容并等待：

npm install -g @vue/cli --registry=https://registry.npm.taobao.org

如果我们之前安装过旧版本的脚手架，那么我们需要使用命令删除旧版本的脚手架，看个人需求，删除命令：

npm uninstall vue-cli -g

删除过后重新安装新版脚手架：

使用命令：

cnpm install -g @vue/cli

具体操作如下图

 

安装完成后输入：

vue -V

出现以下界面则安装成功：

 三、使用vue-cli来创建一个基于 webpack 模板的新项目：

在桌面新建一个文件夹并打开在搜索栏里输入cmd:

1.在cmd窗口下输入：（v01是随便起的名字） 

vue init webpack v01

            

完成创建后会产生如下依赖：

 

 使用命令进入新建的项目文件夹下运行项目：

cd v01 (工程名)
npm run dev

 退出：Ctrl+c--->选择Yes---->回车

在浏览器中输入网址http://localhost:8080 ：