Vue初体验之初始化和开发环境的坑

之前小打小闹的浏览了下Vue和ElementUI的文档，也在页面上外链Vue和Element小打小闹的用了下。这次借一个小项目（短平快）打算结合构建工具（webpack）使实操。项目后端使用Flask，前端就是Vue，结构参考oleg-agapov/flask-vue-spa 和《Vue2实践揭秘》。记录下项目初始化和开发环境配置中的坑

Vue Template下载失败

使用vue-cli初始化项目的时候总是
vue-cli · Failed to download repo vuejs-templates/webpack: tunneling socket could not be established, cause=connect EINVAL 0.0.208.161:80 - Local (0.0.0.0:0)
但是同事Win10、Ubuntu+Docker是ok的。个人猜测原因是因为macOS+Docker+Lantern 导致的。
解决办法从github上将对应模板（一般是webpack)clone或者下周到本地，执行：vue init yourpath/webpack myproject即可

Cannot GET

在我电脑(macOS）上初始化一个Vue项目，使用Ubuntu的同事执行npm run dev一切正常。一个使用Win10的同事执行npm run dev后，访问页面总是”Cannot GET”。

搜索后，发现说的比较多的原因有：

1. 路由配置错误
2. 端口有问题
3. config/index.js中assetsPublicPath设置路径问题

逐一排查后，发现均不是以上问题。遂在通知Win10上初始化一个Vue项目，使用Beyond Compare比较发现是 build/webpack.dev.conf.js中配置问题

既将path.join改为path.posix.join即可解决。

未将build目录下文件上传到码云

检查了vue cli初始化vue项目的.gitignore 文件，一切OK
又检查了使用码云初始化的Python项目的.gitignore 文件，发现直接忽略的所有build目录。
修改，重新提交，搞定。

PyCharm 更新索引(indexing)占用资源过多

我的开发环境是macOS+Docker+PyCharm+VSCode。PyCharm和Docker以ssh方式连接。
开始以为这个问题是因为macOS最近补丁导致（intelCPU漏洞补丁）。后面更新了PyCharm和Docker，问题依旧。
仔细看indexing进度条是在索引Vue项目下node_modules目录导致，233333333333
还想起在同事Win10上删除一个vue项目，发现有2w多个项目，头大中。。。。。。。
解决办法是

以上就是最近碰到的Vue和Flask一块使用的坑和对应解决办法。与君共勉。