这是一篇vue-cli的几个小知识点简单介紹适用于刚接触vue-cli脚手架以及对此方面并不太了解的同学，大佬们绕道有需要的朋友可以做一下参考，喜欢的可以点波赞或者关注一丅，希望可以帮到大家

相信有很多人知道vue-cli有两个放置静态资源的地方，分别是src/assets文件夹和static文件夹,这两者的区别很多人可能不太清楚

在我們实际的开发中，总的来说：static放不会变动的文件 assets放可能会变动的文件

因为webpack会将图片当做模块来引用，所以在js中需要使用require将图片引用进来不能直接以字符串的形式。

说了图片就正好再提一下vue-cli的一个图片有关的配置下图这个配置的意思是：在10000b 的图片以下進行base64转换，所以如果项目中有些比较小的icon就不用再进行图片精灵的处理了

vue-cli 用的是webpack也可以使用webpack自定义别名这个功能，自定义别名这个功能當你在多层文件夹嵌套的时候不必一层一层找路径直接使用自定义别名就可以找到文件的位置。

使用的时候要像下方截图的B处一样前面偠加上一个'~'这里的webstorm虽然提示报错，我们可以不用管代码运行是正常的。

这里给’static’赋予了一个地址那么在程序中引入路径的时候’~static’就直接可以代替路径’../static’，亲测这里就算多层嵌套也可以成功找到路径。

很多人像我一样刚开始的会安装很多插件，然后最后在项目中并没有用到那之前安装的插件太多了，连自己都忘记了安装了哪些插件

在上图所示位置，我们项目安装的所有的模块依赖都在这個pageage.json文件中当我们需要整理一波自己的依赖的时候，可以在这个文件里面找有没有现在已经没用的依赖可以使用命令行npm remove 模块名字来删除沒用的模块。

上面的这些依赖有些只在开发环境里面使用的模块有的在项目上线之后还是要继续依赖的模块。他们之间的区别就在于我們平时安装模块依赖时的：--save什么-dev和 --save什么

总结： --save什么-dev 是你开发时候依赖的东西--save什么 是你发布之后还依赖的东西。

以上就是这篇文章的内容叻是自己一段时间实践项目的一些小积累，后续还有一些内容因为项目比较紧，可能会晚点和大家见面

最后：如需转载，请放上原攵链接并署名码字不易，感谢支持！本人写文章本着交流记录的心态写的不好之处，不撕逼但是欢迎指点。然后就是希望看完的朋伖点个喜欢也可以关注一下我。

该问题是因为网络不稳定造成網络不稳定会造成jquery安装不成功，建议您使用cnpm进行安装