首页 > 分享 > Vue移动端系列 => [总结] 项目启动总结

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

最新推荐文章于 2024-06-12 09:35:24 发布

不停喝水 于 2020-11-13 21:05:01 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

1.项目创建

基本的一些配置选上; 关于代码风格格式化,看情况使用

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

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 这个文件就是将我们的代码自动 格式化为我们规定的格式的 12345678910111213

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

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

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

相关知识

草莓组培技术项目总结
Springboot+vue的客户关系管理系统(有报告),Javaee项目,springboot vue前后端分离项目
Html+Css+js实现春节倒计时效果(移动端和PC端)
基于Vue框架的网上花店管理系统设计源码
vue如何实现物流跟踪
开展世界地球日活动总结(汇编15篇)
园林景观工程施工总结(八篇)
Gucci包包2019最新8大系列总结 + 全球比价!GUCCI 古驰padlock
vue如何阻塞周期执行
手机移动端快速开发

网址: Vue移动端系列 => [总结] 项目启动总结 https://m.huajiangbk.com/newsview702279.html

所属分类:花卉
上一篇: PrintWriter打印流示例
下一篇: plt.plot画图函数