项目实战之Vue-cli 2.0+ElementUI+Webpack

首先怎么运用Vue + Element UI +Webpack构建一个项目？

我们l接下来来说一下构建自己的一个Vue项目，在这之前需要安装node.js，需要的话安装cnpm等，这些大家可以自行百度，网上教程有很多，在这就不多说了。

首先先确定在什么位置创建项目，然后用cmd指向当前的位置，也可以直接用Git在当前位置右键，点击Git Bash Here，博主用的是git，感觉这样快速方便点，根据个人喜好，没什么影响。

不知道Git安装的猿友，点击这里教程

一、然后就是创建项目命令如下：

1、vue init webpack 项目文件夹名 （创建vue项目）

2、进入对应项目文件  npm install

3、npm run dev   （本地可访问）

以上就是Vue项目的创建完成，本地浏览器即可访问了，后面会生成访问的地址端口如下

二、接下来安装ELement UI依赖，命令如下：

1、Ctrl + c

2、npm i [email protected] -D  （安装ElementUI最新版本）

3、找到项目中的 main.js，配置相关信息

4、npm run dev，跟上述一样在浏览器访问即可

 

这样我们就简单的构建了一个基于Vue + Element UI + webpack的项目，后续会继续更新整个项目的搭建，组件路由等