路飞学院
coding喵的gravatar头像
coding喵2019-03-01 18:03:31
vue小白踩坑记

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

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

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

vue小白踩坑记

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

vue小白踩坑记

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

 

坑二:由于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

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

顺便吐槽一个事,因为我自己不会布局页面的架子,所以我会去网上找,我每次都会找vue+element极简后台管理系统,然后某书会跳出一堆element+vue的后台管理系统,但我看了看,没一个我用的上,我就是要个空架子,结果那些极简后台管理系统一个个的都集成了echarts,权限管理,d3等等。我好想说,都极简了,肯定是做给小白看的呗,你觉得哪个小白看的懂,我要是都会d3了,还会搜什么vue极简吗?angryangryangry

建议vue初学者,谁能写个使用element+vue的有top和laft,right组成的一般的后台管理系统到最代码上吗?我想会很受欢迎的


打赏

已有3人打赏

ZGB520的gravatar头像blackboy的gravatar头像最代码官方的gravatar头像

分享到:

最近浏览
淘代码 LV23月15日
星星星星
kitefly LV23月15日
星星星星
dwdeng LV13月15日
星星
qq8794798963月15日
暂无贡献等级
黄昏誓 LV13月14日
星星
zk25796 LV143月14日
月亮月亮月亮星星星星
lubsky LV33月14日
星星星星星星
a359355126 LV73月14日
月亮星星星星星星
wtu8023 LV13月14日
星星
l76885329 LV13月14日
星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友