初始化项目
1.更改图标
- 图标没有发生改变
- 解决办法:
- 清除浏览器的缓存,时间范围:时间不限
2) 配置vue.config.js
自行选择配置,基础配置差别都不大,自行查找
参考:
module.exports = {
devServer: {
port: xxxx, // 端口号,如果端口号被占用,会自动提升1
host: "localhost", //主机名, 127.0.0.1, 真机 0.0.0.0
https: false, //协议
open: true, //启动服务时自动打开浏览器访问
},
lintOnSave: false, // 关闭格式检查
productionSourceMap: false, // 打包时不会生成 .map 文件,加快打包速度
}
3) 整合第三方库
- axios,处理异步请求 (在vue2+版本中官方推荐的第三方ajax请求库,通过ajax从数据库读取信息)
npm i -S axios
- pubsub-js,非父子间组件通信
npm i -S pubsub-js
- ElementUI,UI库,直接使用已经写好的组件(安装—>引用—>安装插件 Element UI Snippets,有element语法提示)
其实后面还有Axios封装的初始化示例和测试,我会在后面的博客里真正写到项目使用axios封装时再对这个知识点作描述,直接以项目作为示例。