Vue 脚手架项目创建,基本注意事项,与环境设置。

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项目的配置文件,可写可不写,如果你想代码自动的打开浏览器的,就需要去配置这个文件。
Vue 脚手架项目创建,基本注意事项,与环境设置。

2 .eslintrc.js

他是我们公司的代码的规则,比如js代码必须使用单引号,每行结束必须使用分号等等。
假如我们公司就使用双引号,那么会有一个配置文件给我们, 就是.eslintrc.js文件; 在这个文件的内部的 rules就是各种规则。
Vue 脚手架项目创建,基本注意事项,与环境设置。

3 .prettierrc.js

这个文件就是将我们的代码自动 格式化为我们规定的格式的。
Vue 脚手架项目创建,基本注意事项,与环境设置。

4.几个文件夹的含义

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

Vue 脚手架项目创建,基本注意事项,与环境设置。

5.关于postcss的配置问题

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

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