一、卸载vue2.0版本
npm uninstall -g vue-cli
二、安装vue3.0版本
npm install -g @vue/cli
三、查看vue版本
vue -V
四、搭建脚手架
npm create aaa
五、根据需求创建脚手架
1、选择最后一个,自定义脚手架 2、use history...,选择yes 3、选择预编译的css预处理器 4、选择第一个,出现错误才报 5、什么时候选择eslint,保存的时候(检查语法错误) 6、选择In dedicated... 7、是否选择保存该配置,下次直接使用
过程中git提示,选择是。将node_modues添加到gitignore
重点
一、安装axios
npm install axios -S
在package.json查看是否安装成功
二、跑项目
npm run serve
二、停止项目,更改 views/Home.vue
1、引入axios import axios from ‘axios‘ 2、在components下面创建生命周期函数created created(){ axios.get(‘/data.json‘) /*相对于public里面的index.html而言*/
.then((res)=>{
console.log(res); /*成功执行*/
})
},
三、测试:
1、public里面新建data.json { ‘name‘ : ‘zhangsan‘, ‘age‘ : ‘16‘ }
四、测试
1、打开localhost后,查看控制台,会输出获取到的数据 2、可以在network里面找到data.json