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的插件配置即可