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

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": [
    <