菜鸟用vue-cli的心得

Posted myxueli

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了菜鸟用vue-cli的心得相关的知识,希望对你有一定的参考价值。

在用vue-cli 的时候装了 eslint 才发现自己的编码有多糟糕...

不过还好在eslint 的帮助下已经改正很多...以前四个缩进 现在活生生改成了两缩进,遇到过各种各样的报错 映象最深的应该是这个

 Newline required at end of file but not found

官方的例子是+‘ ’。。。我一开始没懂其实就是最后一行要换行(多加一行)

 

 

其实可以配置的在config目录下的index里有 useEslint(关闭)选项 还有port(改端口)和autoOpenBrowser(npm run dev时是否自动打开浏览器)选项

如果想单独配置一些语法规则可以在eslintrc.js的rule下配置....这个地址有很详细的配置介绍

https://blog.csdn.net/IT_HLM/article/details/78776630

 

那为什么是在index里?我也很好奇  后面在webpack.dev.config.js发现了

 

 技术分享图片

 

 

 

首行拿到上级目录的config下的index 

port:对应config.dev.port 就是index下dev.port

 

  技术分享图片

 

webpack.config.js可以写node路由 可以自己mock api写数据

 

 

 

技术分享图片

 

 技术分享图片

 

以上是关于菜鸟用vue-cli的心得的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli3项目优化首页加载过慢的一些心得

vue-cli新手总结

vue-cli3 chainWebpack如何修改webpack内部配置

vue-cli搭建及项目目录结构

vue-cli4构建项目,与vue-cli3构建项目的区别

vuex使用心得