vue前台项目开发前置准备

文章目录

• 一、vue-cli3脚手架搭建
• 二、安装axios网络请求模块
• 三、vue-flexible.js全局适配
• 四、文件配置
• • 4.1 vue .editorconfig文件配置
  • 4.2normailze.css全局样式配置
  • 4.3 vue.config.js文件配置
• 五.better-scroll框架
• 总结

---

一、vue-cli3脚手架搭建

便于vue开发
详见此处

二、安装axios网络请求模块

进行网络请求的方式
详见此处

三、vue-flexible.js全局适配

自动适配不同手机屏幕大小.
详见此处

四、文件配置

4.1 vue .editorconfig文件配置

声明团队合作将要进行项目开发的编码风格

root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

4.2normailze.css全局样式配置

配置全局基础样式
下载地址

4.3 vue.config.js文件配置

该模块主要为创建的文件起别名,方便编写代码路径.有较强的可移植性.

五.better-scroll框架

下载地址
该框架基于原生js,主要解决移动端滑动卡顿问题(也支持pc端).

---

总结

避免每次遗漏什么重要的配置而导致奇奇怪怪的错误.