vue-cli+webpack项目的搭建

最近，想做一个vue的项目练练手，不想自己配置webpack,为啥呢？三个字，太麻烦。

小女子不才，没有大佬帮忙，只能自己动手丰衣足食了。

首先要安装有node，基于npm的，这个大家都知道的吧。如果没有安装nodejs，请移步：https://blog.csdn.net/ywp9915/article/details/86715077。

第一步，全局安装vue-cli。

在命令行输入：

npm install -g vue-cli

install 可以简写 i；

查看是否安装成功:

vue -V(大写的V）

安装成功则显示相应的版本号；

第二步：全局安装webpack，

命令：

查看是否安装成功:

webpack -v(这里的v是小写的)，

安装成功则显示相应的版本号；

第三步，以上步骤完成后可以用vue-cli来构建项目。

进入你的项目目录：vue init webpack diploma-project（项目名称随你起）；

回车执行后：

根据需要选择一路回车；

完成之后需要这样做，直接根据提示来好了。

npm run dev后：

在浏览器地址栏输入http://localhost:8080。

如果成功页面应该是这样子滴：

dangdangdangdang！接下来可以开启你的vue之旅了！

玩得开心o(*￣▽￣*)ブ！