webpack4+vue-cli构建vue项目

1.安装node js

第一步检测是否安装node；没有安装node的同学请到官网下载安装 https://nodejs.org/en/download/

安装成功后在命令行查看node版本，如果有说明安装成功。

node -v

2.利用淘宝npm镜像安装相关依赖

npm install -g cnpm--registry=https://registry.npm.taobao.org

检查是否安装成功 cnpm-v

3.安装vue-cli脚手架搭建项目，可生成很多配置好多的文件

npm install -g vue-cli

4.用我们刚刚安装的 vue-cli 脚手架命令 vue ，初始化 init 一个以 webpack 为模板的名叫 vuedemo 的项目。

5.需要安装的过程以及选择

6.安装结束时：

.

7.在浏览器内访问：http://localhost:8080/#/  就可以看到效果了

好，到这里，我们已经顺利的安装了 nodejs 环境和 vue-cli 脚手架工具，并且利用脚手架工具生成了一个基于 webpack 的项目。

你的第一个基于 vue 项目已经顺利的执行了。

如果文章由于我学识浅薄，导致您发现有严重谬误的地方，请一定在评论中指出，我会在第一时间修正我的博文，以避免误人子弟。