Vue+axios+element脚手架项目搭建

最新推荐文章于 2023-11-26 22:01:10 发布

原创

最新推荐文章于 2023-11-26 22:01:10 发布 · 379 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文档介绍了如何使用Vue CLI创建项目，然后集成axios进行HTTP请求，利用element-ui构建用户界面，并配置相关配置文件，如vue.config.js、axios.js等，最后搭建项目目录结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue+axios+element脚手架项目搭建

项目初始化

1、创建项目文件

vue create vue-element-cms

2、安装项目依赖

axios库:

cnpm i axios -S

状态管理模式 vuex:

cnpm i vuex -S

路由管理器 vue-router:

cnpm i vue-router -S

路由管理器 vue-router:

cnpm i vue-router -S

sass

cnpm i sass sass-loader -D

element-ui

cnpm i element-ui -S
cnpm install babel-plugin-component -D

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WyMlqvL4-1597230434476)(C:\Users\H\AppData\Roaming\Typora\typora-user-images\image-20200723163908448.png)]

3、编辑配置文件

package.json

...
"scripts": {
   
   
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "start": "npm run serve"//加上这行，方便运行项目
  },
...

babel.config.js

module.exports = {
   
   
  "presets": [["es2015", {
   
    "modules": false }]],
  "plugins": [

最低0.47元/天解锁文章

200万优质内容无限畅学