首先怎么运用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 element-ui@next -D (安装ElementUI最新版本)
3、找到项目中的 main.js,配置相关信息
4、npm run dev,跟上述一样在浏览器访问即可
这样我们就简单的构建了一个基于Vue + Element UI + webpack的项目,后续会继续更新整个项目的搭建,组件路由等