vue小白踩坑记

最近有接触到一个网站内容管理的后台系统，项目很小，但对我而言，vue是挺难的，因为我一直是保持对vue和element的轻量级接触，往深了就是根本不会，也不懂。可没办法，因为这是我的工作，必须要做。

因为我有一段时间没有接触过vue的配置和环境了，大概半年多吧，我感到前端的变化真的是太快了，这次npm的坑我踩了不少，就是因为前端的环境我没跟上。

坑一：如果不能确定可以遵守ESLint规范的话，创建项目时不要选ESLint

如果不小心安装了，就到build文件中找到webpack.base.conf.js，将下面这句代码注释掉：

由于编辑工具的不同，报规范异常的红线不一定能去掉，更好的方案我也没找到，目前只能这样了，希望知道的人提供一下，谢谢！

 

坑二：由于npm的服务器在国外，导致npm下载依赖很慢

1.可以使用阿里的cnpm命令行工具代替：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

通过查看其版本号，可以检测是否安装成功

2.有强迫症的人如果非要用npm命令，可用命令行直接设置全局的下载镜像：

npm config set registry https://registry.npm.taobao.org

可使用如下命令查看是否成功：

npm config get registry

坑三：运行npm install命令时，vue项目外会出现一个package-lock.json（npm更新迭代产生的问题）

这个问题，我真的不知道什么意思，反正当时坑死我了，我上一次用vue还没有这个文件

这里我有搜到一点相关的资讯，还望前端大佬解释一下：

https://zhidao.baidu.com/question/1900051802716272340.html

 

坑四：安装sass失败

由于sass-loader依赖于node-sass，所以按如下顺序分别下载依赖：

npm install --save-dev node-sass

npm install --save-dev sass-loader

暂时我只能想到这么多，再遇到我会补充，如果以上有不足的地方，希望各位大佬能指正，谢谢！