vue 项目环境搭建复习

安装 webpack：npm install webpack -g

安装 vue 脚手架： npm install vue-cli -g

创建 vue 项目： vue init webpack-simple 项目名称

安装依赖：npm install

安装路由模块和网络请求模块： npm install vue-router vue-resource --save

配置 package.json，启动项目：npm start

 

配置路由 main.js

 

切换路由显示

 

请求测试：（百度随便找了个列表，用来 v-for 循环数据）

 

添加拦截器：npm install axios --save-dev

 

引入样式库：npm install element-ui

main.js 引入配置

 

编译报错：

 

处理方式：

webpack 增加 rules 规则：