vue项目搭建笔记

1、环境安装

windows环境:node(插件安装)+git(代码提交)+码云(线上代码管理)等等

2、vue创建单页面项目

基于Vue cli搭建的vue项目(新版Vue Cli3)

npm install -g @vue/cli

//创建一个项目
vue create myPorject

//可以用图形化界面创建和管理项目
vue ui

//vue插件安装vue add安装和调用vue cli插件
vue add @vue/eslint

3、单页面应用与多页面应用区别

单页面应用

优点：页面跳转交互好（由于是js渲染）

缺点：首屏加载慢（由于需要请求服务和数据请求）、seo不好（搜索引擎不识别js中的文档）

多页面应用

优点：首屏加载快、seo友好

缺点：页面跳转慢

4、移动端遇到的问题

1、移动端1px边框的问题解决border.css

2、移动端click300ms的延时解决fastclick

//安装fastclick
npm install fastclick --save

//使用main.js文件中
import fastClick from 'fastclick'
fastClick.attach(document.body)

3、px和rem的转化

假设设计稿（750px），则可以设置html的font-size:50px，对应的是2倍的dp，那么设计稿对应的页面宽度是375px，那么1rem = 50px页面宽度 = 100px设计稿宽度，即设计稿宽度为750/100 = 7.5rem