搭建webpack+vue+layui

首先webpack搭建是基于npm的,而npm这个工具就跟composer(php的)一样的包管理工具。

npm下载地址:https://nodejs.org/en/  下载node.js里面带有npm的

npm下载完后  打开cmd 命令   输入npm -v 查看当前版本跟是否安装

以上没问题后

进入项目目录下面 

cd my-project  

$ npm install -g vue-cli     //npm下载vue的资源
$ vue init webpack my-project  // 通过npm下载webpack + vue框架
$ npm install  //下载依赖包(一般启动前都需要的) 
$ npm run dev //启动npm  

启动后效果：

这时候证明第一步webpack+vue已经成功了

下面再加上layui 

官方文档上说这样安装可以的。。但是我感觉是个坑 因为我试过在通过vue的路由引入npm依赖的layui是报错的

所以只能通过原生引入

在根目录下面的index.html里面的头引入layui所需要的文件就可以了

这样就能大功告成了