如何使用vue和webpack搭建项目

1.首先新建一个文件夹，用vscode打开该文件夹
2.进入终端

3.使用npm install -g vue-cli安装vue-cli

4.使用vue init webpack my-project系统会帮咱们建立一个my-project文件夹并初始化包括安装相关的依赖，很是的方便
这里面有一个巨坑，老是会安装失败，提示Please try running this command again as root/Administrator.

5.我开始在vscode里面打开终端，一直提示没有权限报错，解决方法是以管理员的身份打开cmd终端，而后再使用npm cache clean -f清除缓存

6.再次运行vue init webpack my-project就成功能安装成功啦！

安装成功会按照提示进入文件夹，走起~

7.在浏览器打开如下网址

访问成功

8.更改咱们的网址，能够localhost改为咱们的IP地址，修改端口号等

注意！修改端口个IP地址等配置文件必定要从新运行配置才能生效
在命令行中Ctrl+C

确认后输入npm run dev便可

你能够安装本身须要的UI框架，我以安装elementUI为例
1.运行npm i element-ui -S

打开package.json文件发现elementUI已经安装好了

打开main.js文件配置以下

这个样子完成了项目的初始化，咱们就能够在src目录下开始咱们编辑咱们的项目了

关于elementUI组件的使用和自定义主题配色能够看官方文档
http://element-cn.eleme.io/2....