Vue移动端系列 =＞ [总结] 项目启动总结

1.项目创建

1. 基本的一些配置选上； 关于代码风格格式化，看情况使用

   Missing semicolon.eslint(semi)
   
   这个报错，是eslint的代码风格报错，
   错误意思就是说 我们的代码风格是 每一行的末尾必须有一个 分号
   
   怎么样利用我们的自动格式化去改造我们的代码呢？
   将我发给你们的 .prettierrc.js 配置文件，直接复制到我们的项目里； vscode还需要下载对应的两个插件  eslint插件 和 Prettier - Code formatter插件
   

   1   settings.json
   这个不是项目的配置文件，这个是vscode的配置文件，去了公司，给你新电脑，你自己要学会配环境；
   .gitconfig  配置我们 git 提交的一些内容
   .npmrc  配置文件，我们下载了nodejs以后，npm自带的源是国外的源，你下载包是去国外的地址下载，比较慢，所以淘宝源必须配置。(如果还下载慢，就使用cnpm下)
   .vuerc  配置文件，是给 vue create xxx   是給vue这个脚手架命令行工具看的
   vue.config.js  这个是vue项目的配置文件，可写可不写，如果你想代码自动的打开浏览器的，就需要去配置这个文件，
   
   2  .eslintrc.js
   他是我们公司的代码的规则，比如js代码必须使用单引号，每行结束必须使用分号等等。 
   假如我们公司就使用双引号，那么会有一个配置文件给我们， 就是.eslintrc.js文件； 在这个文件的内部的 rules就是各种规则
   
   3  .prettierrc.js
   这个文件就是将我们的代码自动 格式化为我们规定的格式的
   

这句话是什么意思？ 就是说我们的仓库以及存在(别人已经给我们git init好； 本质上就是隐藏文件夹.git 存在了)
如果后面要提交代码，只需要给我们的仓库指定一个远程的仓库地址即可
git add origin http://xxxxxx

以后我们的代码提交，就直接是  git push origin dev

几个文件夹的含义
views  里面放置各种和路由相关的组件
components  这个里面放的是 每个页面的子组件
router   路由规则文件夹
store    vuex的文件夹
assets   资源文件夹，放置各种字体文件ttf woff等， 和图片
utils    主要是放置一些工具函数； 常见的是一些 请求axios的封装； 还有一些比如防抖等函数
styles   这里面主要放置的是 全局的css文件
filters  这里面主要放各种全局过滤器文件
directives 这里面主要放置 全局的一些指令

关于postcss的配置问题

我们的vue-cli已经默认下载了postcss，并且默认开启了autoprefixer 这个插件，会针对不同的浏览器，添加不同的css前缀，做浏览器的兼容问题； 我们在给postcss写配置文件(.postcssrc.js)的时候， 不用在写autoprefixer这个插件， 因为系统已经写了一份，会有覆盖的问题；有可能导致保错

我们这里只需要写一个pxtorem的插件配置即可