Vue 的安装与配置

安装配置环境

1 安装node.js

完成之后测试环境

2 配置node环境变量

 配置环境变量

 

3 通过npm 安装 vue-cli 、webpack

npm install -g vue-cli 回车，验证是否安装成功，在命令行中输入vue，出来vue的信息说明安装成功

  全局安装webpack

  Npm install webpack –g

 

 

4 创建一个基于 webpack 模板的新项目

 

打开这个文件夹-并在地址栏输入cmd

此时会弹出终端窗口并自动cd到当前目录

我们开始在当前目录生成vue工程 输入vue init webpack

此时会有询问 依次填入即可

 

 

启动项目 npm   run   dev

 

访问 http:// localhost:8080

 

 

 

 

通过编程工具打开 添加代码

1修改端口号 防止端口冲突

2 添加element-UI

配置全局引入element-ui

 

 Element-UI的使用

1 在src/components文件夹下创建一个Login.vue文件 通过elementUI搭建一个登陆窗口

根据element-ui的官方文档 选择相应的组件

 2 配置Login.vue的路由

访问 localhost:8888

3 axios 发送请求

安装axios

导入

在登陆按钮的点击事件中 提交数据