vue前台项目开发前置准备

vue前台项目开发前置准备_第1张图片

文章目录

  • 一、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

vue前台项目开发前置准备_第2张图片

4.2normailze.css全局样式配置

配置全局基础样式
下载地址
vue前台项目开发前置准备_第3张图片

4.3 vue.config.js文件配置

vue前台项目开发前置准备_第4张图片
该模块主要为创建的文件起别名,方便编写代码路径.有较强的可移植性.

五.better-scroll框架

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


总结

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

vue前台项目开发前置准备_第5张图片

你可能感兴趣的:(Vue学习,vue,javascript,axios,vue-cli3,webpack)