记一次vue+vuex+axios+elementUI开发

Posted huangqiangblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了记一次vue+vuex+axios+elementUI开发相关的知识,希望对你有一定的参考价值。

一、开发环境

1、安装node.js  自带npm https://nodejs.org/en/

2、 全局安装vue-cli脚手架 npm install vue-cli –g            vue-V 查看版本说明安装成功

3、新建项目文件夹,在该文件夹下进入cmd 输入vue init webpack vue 安装vue-cli         根据提示输入对应的信息,没有特殊要求可一直回车

4、进入根目录 npm install 安装项目依赖文件

5、npm run dev 启动项目, 默认端口8080,如果被占用可修改端口号,在项目config > index.js 中找到port:8080直接修改成其他端口

到目前为止一个vue-cli初始模板就创建完成了

以上是关于记一次vue+vuex+axios+elementUI开发的主要内容,如果未能解决你的问题,请参考以下文章

记一次vue 使用axios跨域问题(CROS)

前端Vue框架 05 第三方插件(vuex: 组件间交互的(移动端), axios - 前后台(django): ajax, element-ui: 页面布局, jq+bs: jQuery+Boo

Vuex + axios 发送请求

vue2 + element-ui + axios 开源项目推荐

Vue.js / Vuex + axios 发送多个 PUT 请求

vue开发:前端项目模板